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


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


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



相关阅读:
PHP与SQL注入攻击[一]
使用ADO.NET2.0提升数据交互性能(4)
纯JS转换Select为Combox,完美实现原select所有功能
Z-blog系统常量标签说明
ASP.NET AJAX 拖放功能6种实现方法总结
javascript表单域与json数据间的交互
用PHP 快速生成 Flash 动画的方法
屏蔽F1~F12的快捷键的js函数
VBS教程:方法-DriveExists 方法
SQL Server 2008 升级Reporting Services
Jsp&Servelet 学习笔记-对一个Servlet创建多个Mapping
Oracle 使用序列创建自增字段
SQL Server数据库对上亿表的操作经验总结
防范四种级别攻击确保Linux服务器安全
快速导航

Copyright © 2016 phpStudy |