鼠标事件和移动端的事件

鼠标事件

image.png

mouseenter 事件和mouseoover事件很相似，都是移动到元素身上会发生的事件但是mouseenter不会冒泡，

image.png

mouseleave事件和mouseout事件也很相似，移除元素才会触发的事件，但是mouseleave不会冒泡

image.png

移动端的事件

事件名	触发条件
touchstart	触摸的初始位置
touchmove	移动的过程
touchend	手机离开屏幕
tap	移动端的点击事件，但是会触发点透事件，例如点击蒙层的元素会触发蒙层下的元素，点击元素页面跳转会触发下一页对应位置元素的事件
click	移动端的点击事件，因为要判断单击双击，所以会产生300ms延迟

解决方法主要是在移动端引入fastclick库

window.addEventListener("load", function () {
FastClick.attach(document.body);
}, false);

在需要点击的地方直接使用click即可