- @click="click" // 单击
- @dblclick="dblclick" // 双击
- @mousedown="down" // 按下
- @mouseup="up" // 抬起
- @mousemove="move" // 移动
- @mouseleave="out" // 指针移出元素范围外 (不冒泡).
- @mouseout ="out" // 指针移出元素, 或者移到它的子元素上.
- @mouseenter="enter" // 指针移到有事件监听的元素内 (不冒泡)
- @mouseover="enter" // 指针移到有事件监听的元素或者它的子元素内.
- @keydown="down" // 键盘按下
- @keyup="up" // 键盘抬起
注意: mouseenter 是穿过, 所以只能触发一次改事件, 而 mouseover 是位于上方, mouseenter 事件只作用于目标元素, 而 mouseover 最用于目标元素及其后代元素. mouseover(鼠标覆盖).mouseenter(鼠标进入). 二者的本质区别在于, mouseenter 不会冒泡, 简单的说, 它不会被它本身的子元素的状态影响到. 但是 mouseover 就会被它的子元素影响到, 在触发子元素的时候, mouseover 会冒泡触发它的父元素.(想要阻止 mouseover 的冒泡事件就用 mouseenter)
共同点: 当二者都没有子元素时, 二者的行为是一致的, 但是二者内部都包含子元素时, 行为就不同了.
来源: http://www.bubuko.com/infodetail-3363378.html