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

 更新时间:2010年02月04日 10:51:01   作者:  
一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。
一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。

[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)

相关文章

  • 关于JS中一维数组和二维数组互转问题

    关于JS中一维数组和二维数组互转问题

    这篇文章主要介绍了js中一维数组和二维数组互转,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • Firefox中使用outerHTML的2种解决方法

    Firefox中使用outerHTML的2种解决方法

    这篇文章主要介绍了Firefox中使用outerHTML的2种解决方法,需要的朋友可以参考下
    2014-06-06
  • ionic实现底部分享功能

    ionic实现底部分享功能

    这篇文章主要为大家详细介绍了ionic实现底部分享功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • javascript 组合按键事件监听实现代码

    javascript 组合按键事件监听实现代码

    这篇文章主要介绍了javascript 组合按键事件监听实现代码的相关资料,需要的朋友可以参考下
    2017-02-02
  • DOM 脚本编程中的兄弟节点

    DOM 脚本编程中的兄弟节点

    兄弟节点之间可以通过 previousSibling 和 nextSibling 属性访问同一级别上的不同子节点。这个兄弟节点是元素还是文本节点在现代浏览器上运行是怎么样的呢?
    2009-10-10
  • 七个基于JavaScript实现的情人节表白特效

    七个基于JavaScript实现的情人节表白特效

    情人节将至 程序员证明自己不是直男的时候到啦 我们也有自己的专属代码浪漫。本文将介绍七个利用JavaScript实现的情人节表白特效,需要的可以参考一下
    2022-01-01
  • js计算两个日期间的天数月的实例代码

    js计算两个日期间的天数月的实例代码

    本文通过实例代码给大家介绍了基于js计算两个日期间的天数月,文中还通过一段代码给大家简单说明了js计算两个日期差的方法,感兴趣的朋友跟随小编一起看看吧
    2018-09-09
  • 微信小程序用户授权、位置授权及获取微信绑定手机号

    微信小程序用户授权、位置授权及获取微信绑定手机号

    这篇文章主要介绍了信小程序用户授权、位置授权及获取微信绑定手机号,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • IE下Ajax缓存问题的快速解决方法(get方式)

    IE下Ajax缓存问题的快速解决方法(get方式)

    IE下Ajax缓存问题的快速解决方法(get方式)。网上搜了很多解决方案,一大把,下面是我认为比较全面的解决方案。主要分为客户端解决和服务端解决
    2014-01-01
  • TypeScript中d.ts类型声明文件的实现

    TypeScript中d.ts类型声明文件的实现

    .d.ts 文件是 TypeScript 的类型声明文件,它们的主要作用是为 JavaScript 库提供类型支持,本文主要介绍了TypeScript中d.ts类型声明文件的实现,感兴趣的可以了解一下
    2023-10-10

最新评论