当前位置：首页 > 资讯 > 技术文档

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

时间：2021-08-11 07:41 编辑：来源：阅读：
扫一扫，手机访问

摘要：js实现的仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)

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

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

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

/*注册事件*/

if(document.attachEvent){

document.attachEvent('onmousewheel',scrollFunc);

}else if(document.addEventListener){

document.addEventListener('DOMMouseScroll',scrollFunc,false);

}

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

[u]复制代码[/u] 代码如下:

/*注册事件*/

if(document.addEventListener){

document.addEventListener('DOMMouseScroll',scrollFunc,false);

}//W3C

window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

即可。
作者：王洪剑(51obj)

全部评论(0)

上一篇：JS实现前端缓存的方法
下一篇：使用Curl命令查看请求响应时间方法

资讯排行榜
更多>>