网络编程
位置:首页>> 网络编程>> JavaScript>> js 仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)

js 仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)

作者:walkingp 来源:walkingp博客 发布时间:2010-02-05 12:27:00 

标签:鼠标,滚轮,取值,JavaScript

一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。

演示:


  已经ff、ie、opera、chrome测试;其中45~47行中若使用

 /*注册事件*/
 if(document.attachEvent){
 document.attachEvent('onmousewheel',scrollFunc);
 }else if(document.addEventListener){
 document.addEventListener('DOMMouseScroll',scrollFunc,false);
 }

则Chrome不起作用,将其更改为

/*注册事件*/
 if(document.addEventListener){
 document.addEventListener('DOMMouseScroll',scrollFunc,false);
 }//W3C
 window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

即可。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com