文档介绍:鼠标滚轮事件详解 鼠标滚轮
3 二
Posted by: walkingp in: javascript
?View Code JAVASCRIPT
/*Firefox注册事件*/
if{
;
}
Safari和Chrome属于同一类型,可使用HTML DOM方法添加事件
?View Code JAVASCRIPT
==scrollFunc;//IE/Opera/Chrome
其中除Firefox外其他均可使用HTML DOM方法添加事件,所以添加事件使用以下方法
?View Code JAVASCRIPT
/*注册事件*/
if{
;
}//W3C
==scrollFunc;//IE/Opera/Chrome
detail和wheelDelta
判定滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器中Firefox 使用detail,其他四类使用wheelDelta;二者只在取值上不一致,代表含义一致,detail和wheelDelta只各取两个 值,detail只取±3,wheelDelta只取±120,其中正数表示为向上,负数表示向下。 ?View Code JAVASCRIPT
滚动值:
滚动值:
点击预览效果
Chrome
Firefox
IE
IE
Opera
Safari
Related posts:
1. js 仿Photoshop鼠标滚轮控制输入框取值 js 仿Photoshop鼠标滚轮控制输入框取值。原理是监听鼠标滚轮事件;可将此效果继续发散到其它应用上,图片缩放,页面缩