js事件--滑鼠滾動
- 巴扎黑原創
- 2017-07-20 15:41:211474瀏覽
滑鼠滾動事件
關於滾動事件這方面，其實是比較亂的。
滾輪事件的兼容性差異有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。
包括IE6在內的瀏覽器是使用onmousewheel，而FireFox瀏覽器一個人使用DOMMouseScroll. 經過自己測試，即使現在FireFox 19下，也是不識onmousewheel。
在其他派中偵測滾動數值的屬性是wheelDelta ，向上滾為120，向下為-120。
在火狐中偵測滾動數值的屬性是detail，向上滾為-3，向下為3。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>document.onmousewheel = function(event){
ev = event || window.event;
alert(ev.wheelDelta);if(ev.wheelDelta > 0){//120alert('上')
}else(//-120alert('下')
)
}
document.addEventListener("DOMMouseScroll", function(ev) {
alert(ev.detail);if(ev.detail < 0){//-3alert('上')
}else(//3alert('下')
)
});</script>
</body>
</html>
<br>
以上是js事件--滑鼠滾動的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：JavaScript表達式和語句下一篇：JavaScript表達式和語句