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)
共同點:當二者都沒有子元素時,二者的行爲是一致的,但是二者內部都包含子元素時,行爲就不同了.

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