鼠標(biāo)事件
image.png
mouseenter 事件和mouseoover事件很相似萌抵,都是移動到元素身上會發(fā)生的事件但是mouseenter不會冒泡缰儿,
image.png
mouseleave事件和mouseout事件也很相似,移除元素才會觸發(fā)的事件露泊,但是mouseleave不會冒泡
image.png
移動端的事件
事件名 | 觸發(fā)條件 |
---|---|
touchstart | 觸摸的初始位置 |
touchmove | 移動的過程 |
touchend | 手機離開屏幕 |
tap | 移動端的點擊事件喉镰,但是會觸發(fā)點透事件,例如點擊蒙層的元素會觸發(fā)蒙層下的元素惭笑,點擊元素頁面跳轉(zhuǎn)會觸發(fā)下一頁對應(yīng)位置元素的事件 |
click | 移動端的點擊事件侣姆,因為要判斷單擊雙擊,所以會產(chǎn)生300ms延遲 |
解決方法主要是在移動端引入fastclick庫
window.addEventListener("load", function () {
FastClick.attach(document.body);
}, false);
在需要點擊的地方直接使用click即可