如何在觸摸屏（Windows 8.1和Internet Explorer 10/11）中處理mouseenter和mouseleave事件

Question

對於下拉菜單，我使用鼠標（非觸摸屏）的mouseenter（顯示菜單代碼）和mouseleave（隱藏菜單代碼）事件。

現在我想在觸摸屏上使用那鼠標輸入和鼠標移動代碼，但是在點擊輸出鼠標移動代碼執行之後。

Answer 1

mouseenter對觸摸屏不是有效的事件，從技術上講，你沒有鼠標。

在觸摸屏上，建議綁定專用事件，如touchstart,touchend和touchmove。

例如：

document.body.addEventListener('touchstart', function(e){ 
    alert(e.changedTouches[0].pageX) // alert pageX coordinate of touch point 
}, false) 

在這裏看到更多的信息：http://www.javascriptkit.com/javatutors/touchevents.shtml

希望幫助。