為非IE瀏覽器添加mouseenter,mouseleave事件的實現代碼是什么 解決方法說明
target 指事件源對象,點擊嵌套元素最里層的某元素,該元素就是target 。IE6/7/8對應的是srcElement 。
currentTarget 指添加事件handler的元素本身,如el.addEventListener中el就是currentTarget 。IE6/7/8沒有對應屬性,可在handler內使用this來替代如evt.currentTarget = this 。
relativeTarget 指事件相關的元素,一般用在mouseover,mouseout事件中 。IE6/7/8中對應的是fromElement,toElement 。
mouseenter ,mouseleave IE9中仍然支持,另見 Greg Reimer 的博文 Goodbye mouseover, hello mouseenter。
mouseenter與mouseover區別在于:在元素內部移動時mouseenter不會觸發 。如下
mouseerter與mouseover區別(IE下測試)
1,鼠標在div[id=parent1]內部移動時也會觸發mouseover事件
Child11
Child12
2,鼠標在div[id=parent2]內部移動時也不會觸發mouseenter事件
Child21
Child22
了解了這三個屬性的意義后 , 實現起來就簡單了:

測試代碼:
mouseerter與mouseover區別(IE下測試)
1,鼠標在div[id=parent1]內部移動時也會觸發mouseover事件
Child11
Child12
2,鼠標在div[id=parent2]內部移動時也不會觸發mouseenter事件
Child21
Child22
【為非IE瀏覽器添加mouseenter,mouseleave事件的實現代碼是什么 解決方法說明】
相關經驗推薦
- 怎么禁用Win7打開IE彈出是否將瀏覽器設置為默認的提示框?解決方法介紹
- js怎么操作輸入框中選擇內容兼容IE及其他主流瀏覽器?解決方法分享
- win7系統怎么把谷歌瀏覽器書簽導入到IE瀏覽器收藏夾?導入方法分享
- IE瀏覽器下PNG相關功能有哪些 PNG相關功能介紹
- win10系統使用IE瀏覽器打開12306.cn提示安全證書錯誤是什么原因?故障原因及解決方法分享
- Win10怎么設置IE瀏覽器關聯的文件類型?設置方法介紹
- IE網絡瀏覽器怎么加速?加速技巧分享
- VUE如何添加字幕?添加字幕圖文方法分享
- 在IE7瀏覽器的基礎上無法安裝IE6是什么原因 解決方法分享
- ExtJS怎么判斷IE瀏覽器類型?判斷IE瀏覽器類型的方法分享
