1. 程式人生 > >vue中常用的事件和修飾符簡單總結

vue中常用的事件和修飾符簡單總結

事件 修飾符

1:阻止冒泡事件

JS事件流其中一種是冒泡事件,當一個元素被觸發一個事件時,該目標元素的事件會優先被執行,然後向外傳播到每個祖先元素,恰如水裏的一個泡泡似的,從產生就一直往上浮,到在水平面時,它才消失。在這個過程中,如果你只希望事件發生在目標元素,而不想它傳播到祖先元素上去,那麽你需要在“泡泡”離開對象之前刺破它。

技術分享圖片

在vue中怎麽寫?

技術分享圖片

2:阻止默認行為

技術分享圖片

在vue中怎麽寫?

技術分享圖片

3:鍵盤事件

技術分享圖片

獲取鍵碼?通過事件對象來獲取

技術分享圖片

註意:keydown事件和keyup事件的區別?

keydown是在鍵按下去的時候就觸發,此時文字並還沒有進入文本框中去,

keyup是在鍵彈起來的時候觸發,此時文字已經進入到了文本框中去了。

這就是兩個事件的區別。

enter鍵的keyCode 是13。常用的一些keyCode我們知道。

例如:

技術分享圖片

如果說不使用事件對象$event怎麽寫?vue提供了簡寫的方式.

技術分享圖片

此時都不用加if判斷語句了,用起來還是非常方便的。

包括說 上 下 左 右 分別對應著 up down left right修飾符


vue中常用的事件和修飾符簡單總結