如何在触摸屏（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

希望帮助。