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

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

发布时间：2026-01-11

点击量：

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

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
已经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

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

标签：# 鼠标 # Type # Content # 不起作用 # 全选 # 文本框 # 将此 # 很想 # 将其 # Photoshop # 鼠标滚轮控制网页横向移动实现思路 # 鼠标滚轮编程 # javascript 兼容鼠标滚轮事件 # javascript 鼠标滚轮事件 # js中鼠标滚轮事件详解(firefox多浏览器) # js 事件对象鼠标滚轮效果演示说明 # 鼠标滚轮

上一篇：js中鼠标滚轮事件详解(firefox多浏览器)

下一篇：asp.net中出现CGI Timeout的解决办法

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

发布时间：2026-01-11

点击量：

返回

4008888355