## 事件對象 event1 event事件對象,表示用來獲取事件的詳細信息，比如得到鼠標的橫坐標：事件對象.clientX(clientX是可視區坐標)window.onclick = function(ev){var oEvent = ev || event;//event為IE8和IE8以下瀏覽器瀏覽器事件對象可以直接使用；//以上代碼可以判斷是否傳遞了事件對象參數，如果傳遞了則使用傳遞的事件對象ev，否則使用window.eventalert(oEvent.type);//click類型 }2 事件對象的兼容寫法a.IE8和IE8以下瀏覽器不能傳遞參數，只能使用window.event對象。b.谷歌瀏覽器既可以傳遞事件對象參數，也可以使用window.envent對象，十分全面。c.火狐瀏覽器只能使用傳遞的事件對象參數。因此針對不同瀏覽器，兼容性寫法如下：事件.事件類型 = function(ev){//事件類型如鼠標點擊事件var oEvent = ev || event;}## 鼠標滾輪事件1 非火狐: mousewheel這里，event.wheelDelta < 0向下滾動2 火狐:DOMMouseScroll這里，event.detail > 0 為向下滾動，event.detail < 0 為向上滾動3.瀏覽器兼容性寫法如下：document.onmousewheel = wheelHander;//非火狐document.addEventListener('DOMMouseScroll',wheelHander,false);//火狐function wheelHander(e){//事件的兼容性寫法 oEvent = e || window.event;if(oEvent.wheelDelta){//非火狐if(oEvent.wheelDelta > 0){//向上滾動 }else{//向下滾動 }}else if(oEvent.detail){if(oEvent.detail > 0){//向下滾動 }else{//向上滾動 }}}3 案例:使用滾輪改變圖片的大小var img = document.getElementsByTagName('img')[0];//非火狐實現滾輪效果document.onmousewheel = wheelHander;//非火狐//火狐一家使用DOMMouseScroll實現滾輪效果document.addEventListener('DOMMouseScroll',wheelHander,false);function wheelHander(e){oEvent = e || window.event;if(oEvent.wheelDelta){//非火狐if(oEvent.wheelDelta > 0){//向上滾動img.height++;}else{//向下滾動img.height--;}}else if(oEvent.detail){if(oEvent.detail > 0){//向下滾動img.height--;}else{//向上滾動img.height++;}}}

?

---

?

獲取更多前端知識，請關注下方二維碼 ↓↓↓↓↓↓

?

?

轉載于:https://www.cnblogs.com/menglong1214/p/9595009.html

總結

以上是生活随笔為你收集整理的js中的鼠标滚轮事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。