學習本節時，除firefox(媽的，firefox終於各色了一把)外所有瀏覽器都支援「mousewheel」事件，但firefox支援dommousescroll 而dom3規範草案建議使用名「wheel」替代「mousewheel」
在firefox中，可以使用非標準的dommousescroll事件取代mousewheel，使用事件物件的detail屬性取代wheeldelta。但是detail屬性值的縮放比率和正負符號不同於wheeldelta,detail值乘以-40和wheeldelta值相等。
對於所有這些事件型別來說，其事件物件就像滑鼠事件物件：它包括滑鼠指標和鍵盤輔助鍵狀態。
例：定義滑鼠滾輪事件處理程式讓使用者能在視口內移動 內容也能調整視口大小。
//enclose 內容
//把內容元素裝入到乙個指定大小（最小最50x50）的窗體或視口
//可選引數contentx和contenty指定內容相對窗體初始偏移量
//(如果指定，它們必須<=0)
//這個窗體有mousewheel事件處理程式
//它允許使用者平移元素和縮放窗體
functionenclose(content,framewidth,frameheight,contentx,contenty)
如果firefox未來版本中mousewheel或wheel事件
if(isfirefox&& e.type!=」dommousescroll」)
var contentbox= content.getboundingclinetrect();
varcontentwidth = contentbox.right-contentbox.left;
var contentheight= contentbox.bottom-contentbox.top;
if(e.altkey)
if(deltay)
}else
if(deltay)
} if(e.preventdefault)e.preventdefault();
if(e.stoppropagation)e.stoppropation();
e.cancelbubble =true;
e.returnvalue = false;
return false; }
}
JS滑鼠滾輪事件詳解
文章目錄 相容性寫法，該函式也是網上別人寫的，不過找不到出處了，蠻好的，所有我也沒有必要修改了 判斷滑鼠滾輪滾動方向 if window.addeventlistener ff,火狐瀏覽器會識別該方法 window.addeventlistener dommousescroll wheel,fals...
JS滑鼠滾輪事件詳解
相容性寫法，該函式也是網上別人寫的，不過找不到出處了，蠻好的，所有我也沒有必要修改了 判斷滑鼠滾輪滾動方向 if window.addeventlistener ff,火狐瀏覽器會識別該方法 window.addeventlistener dommousescroll wheel,false win...
js滑鼠滾輪事件相容
ie6.0首先實現了滑鼠的滾輪事件，其良好的互動效果得到認可，隨後opera chrome safari等主流瀏覽器都實現了該效果，不過存在著很大的相容問題。大多數瀏覽器支援mousewheel事件操作，它可以在任何元素上觸發，最終冒泡到document或window物件 而在firefox中，支援...