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有個插件已經加上了該功能。見http://brandonaaron.net/code/mousewheel/demos
這樣使用：

復制代碼代碼如下:

$('div.mousewheel_example').mousewheel(fn); 
$('div.mousewheel_example').bind('mousewheel', fn); 

您可能感興趣的文章:

JS實現(xiàn)橫向跑馬燈效果代碼
這篇文章主要介紹了JS實現(xiàn)橫向跑馬燈效果代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-04-04
輕松實現(xiàn)jquery手風琴效果
這篇文章主要為大家介紹了實現(xiàn)jquery手風琴效果的詳細代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-01-01
JS仿淘寶實現(xiàn)的簡單滑動門效果代碼
這篇文章主要介紹了JS仿淘寶實現(xiàn)的簡單滑動門效果,可實現(xiàn)按字母分類滑動切換的功能,非常簡單實用,需要的朋友可以參考下
2015-10-10
js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(IE下有效)
js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(暫只IE下有效)
2009-01-01
javascript制作的網頁側邊彈出框思路及實現(xiàn)代碼
這篇文章主要介紹了javascript制作的網頁側邊彈出框思路及實現(xiàn)代碼,需要的朋友可以參考下
2014-05-05
微信小程序實現(xiàn)簡單Tab切換效果
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)簡單Tab切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-05-05
Lombok實現(xiàn)方式JSR-269
Lombok的出現(xiàn)幫助開發(fā)人員在開發(fā)工程中消除了大部分冗余代碼:繁瑣的get、set方法甚至建造者模式，今天通過本文給大家分享Lombok實現(xiàn)方式JSR-269的相關知識，感興趣的朋友一起看看吧
2021-06-06
如何使用webpack打包一個庫library的方法步驟
這篇文章主要介紹了如何使用webpack打包一個庫library的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
JavaScript實現(xiàn)可終止輪詢請求的方法
輪詢請求就是間隔相同的時間（如5s）后不斷地向服務端發(fā)起同一個接口的請求，當然不能無限次去請求，所以輪詢必須要有個停止輪詢的機制，今天通過本文給大家介紹JavaScript實現(xiàn)可終止的輪詢請求，感興趣的朋友一起看看吧
2022-06-06
JavaScript中操作字符串小結
字符串在javascript中幾乎無處不在，在你處理用戶的輸入數(shù)據的時候，在讀取或設置DOM對象的屬性時，在操作cookie時，當然還有更多...。JavaScript的核心部分提供了一組屬性和方法用于通用的字符串操作，如分割字符串，改變字符串的大小寫，操作子字符串等。
2015-05-05