javascript 兼容鼠標滾輪事件
更新時間：2009年04月07日 21:40:14 作者：
瀏覽地圖時，使用鼠標滾輪來放大和縮小。即用到了滾輪事件。
這個事件在標準下和IE下是有區(qū)別的。firefox是按標準實現(xiàn)的,事件名為"DOMMouseScroll ",IE下采用的則是"mousewheel "。
當然一行代碼就解決了兼容問題
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";
事件屬性，IE是event.wheelDelta，F(xiàn)irefox是event.detail 屬性的方向值也不一樣，IE向上滾 > 0，F(xiàn)irefox向下滾 > 0。
最新的jquery1.3.2仍然沒有增加滾輪事件，但可以用jquery的bind去綁定任何事件，當然得加上上面那句。
不過jquery有個插件已經(jīng)加上了該功能。見http://brandonaaron.net/code/mousewheel/demos
這樣使用：
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
當然一行代碼就解決了兼容問題
復制代碼 代碼如下:
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";
事件屬性，IE是event.wheelDelta，F(xiàn)irefox是event.detail 屬性的方向值也不一樣，IE向上滾 > 0，F(xiàn)irefox向下滾 > 0。
最新的jquery1.3.2仍然沒有增加滾輪事件，但可以用jquery的bind去綁定任何事件，當然得加上上面那句。
不過jquery有個插件已經(jīng)加上了該功能。見http://brandonaaron.net/code/mousewheel/demos
這樣使用：
復制代碼 代碼如下:
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
相關文章
關于JAVASCRIPT urldecode URL解碼的問題
JS要實現(xiàn)單純的編碼解碼輕而易舉，escape、unescape就搞定，但是遇到不是完整的URL轉(zhuǎn)碼，就沒辦法了2012-01-01
JavaScript es6中var、let以及const三者區(qū)別案例詳解
這篇文章主要介紹了JavaScript es6中var、let以及const三者區(qū)別案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
document.documentElement和document.body區(qū)別介紹
body是DOM對象里的body子節(jié)點，即body標簽，documentElement 是整個節(jié)點樹的根節(jié)點root，詳細介紹請看本文，感興趣的朋友可以參考下2013-09-09
如何判斷微信內(nèi)置瀏覽器(通過User Agent實現(xiàn))
在進行微信公眾賬號開發(fā)的時候，需要知道當前的瀏覽器是微信內(nèi)置的瀏覽器，那么如何判斷呢？這是就只有通過瀏覽器的User Agent來進行判斷了2014-09-09
這篇文章主要介紹了微信小程序新聞網(wǎng)站詳情頁的實例代碼，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
有時候你發(fā)出去的圖片局部不想別別人看見，那么最簡單的辦法就是在你想要處理的地方打上馬賽克，這篇文章主要介紹了js給圖片打馬賽克的方法示例，感興趣的可以了解一下2021-05-05
JS多個矩形塊選擇效果代碼(模擬CS結(jié)構(gòu))
非常不錯的可以選擇多個矩形塊的功能代碼2008-11-11
一個字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出現(xiàn)次數(shù)最多的字母和出現(xiàn)的次數(shù)。 經(jīng)典的解答思路為：取出字符串的第一個字符（首字母），利用的字符串的 replace 方法將符合正則表達式（第一個字符）替代為空，此字母出現(xiàn)的次數(shù)為原始的字符串長度減去替代后的字符串長度。循環(huán)迭代找出長度最長的字母。2008-03-03
HTML中不支持靜態(tài)Expando的元素的問題...2007-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)頁面無操作倒計時退出,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10