javascript 兼容鼠標(biāo)滾輪事件
更新時(shí)間：2009年04月07日 21:40:14 作者：
瀏覽地圖時(shí)，使用鼠標(biāo)滾輪來放大和縮小。即用到了滾輪事件。
這個(gè)事件在標(biāo)準(zhǔn)下和IE下是有區(qū)別的。firefox是按標(biāo)準(zhǔn)實(shí)現(xiàn)的,事件名為"DOMMouseScroll ",IE下采用的則是"mousewheel "。
當(dāng)然一行代碼就解決了兼容問題
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去綁定任何事件，當(dāng)然得加上上面那句。
不過jquery有個(gè)插件已經(jīng)加上了該功能。見http://brandonaaron.net/code/mousewheel/demos
這樣使用：
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
當(dāng)然一行代碼就解決了兼容問題
復(fù)制代碼 代碼如下:
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去綁定任何事件，當(dāng)然得加上上面那句。
不過jquery有個(gè)插件已經(jīng)加上了該功能。見http://brandonaaron.net/code/mousewheel/demos
這樣使用：
復(fù)制代碼 代碼如下:
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
相關(guān)文章
這篇文章主要介紹了JS實(shí)現(xiàn)橫向跑馬燈效果代碼,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
輕松實(shí)現(xiàn)jquery手風(fēng)琴效果
這篇文章主要為大家介紹了實(shí)現(xiàn)jquery手風(fēng)琴效果的詳細(xì)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
JS仿淘寶實(shí)現(xiàn)的簡單滑動(dòng)門效果代碼
這篇文章主要介紹了JS仿淘寶實(shí)現(xiàn)的簡單滑動(dòng)門效果,可實(shí)現(xiàn)按字母分類滑動(dòng)切換的功能,非常簡單實(shí)用,需要的朋友可以參考下2015-10-10
js操作Xml(向服務(wù)器發(fā)送Xml,處理服務(wù)器返回的Xml)(IE下有效)
js操作Xml(向服務(wù)器發(fā)送Xml,處理服務(wù)器返回的Xml)(暫只IE下有效)2009-01-01
javascript制作的網(wǎng)頁側(cè)邊彈出框思路及實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript制作的網(wǎng)頁側(cè)邊彈出框思路及實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單Tab切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
Lombok的出現(xiàn)幫助開發(fā)人員在開發(fā)工程中消除了大部分冗余代碼:繁瑣的get、set方法甚至建造者模式，今天通過本文給大家分享Lombok實(shí)現(xiàn)方式JSR-269的相關(guān)知識(shí)，感興趣的朋友一起看看吧2021-06-06
如何使用webpack打包一個(gè)庫library的方法步驟
這篇文章主要介紹了如何使用webpack打包一個(gè)庫library的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JavaScript實(shí)現(xiàn)可終止輪詢請(qǐng)求的方法
輪詢請(qǐng)求就是間隔相同的時(shí)間（如5s）后不斷地向服務(wù)端發(fā)起同一個(gè)接口的請(qǐng)求，當(dāng)然不能無限次去請(qǐng)求，所以輪詢必須要有個(gè)停止輪詢的機(jī)制，今天通過本文給大家介紹JavaScript實(shí)現(xiàn)可終止的輪詢請(qǐng)求，感興趣的朋友一起看看吧2022-06-06
字符串在javascript中幾乎無處不在，在你處理用戶的輸入數(shù)據(jù)的時(shí)候，在讀取或設(shè)置DOM對(duì)象的屬性時(shí)，在操作cookie時(shí)，當(dāng)然還有更多...。JavaScript的核心部分提供了一組屬性和方法用于通用的字符串操作，如分割字符串，改變字符串的大小寫，操作子字符串等。2015-05-05