Vue中标签监听的事件

@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)
共同点:当二者都没有子元素时,二者的行为是一致的,但是二者内部都包含子元素时,行为就不同了.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章