vue 事件處理

vue使用v-on指令監聽DOM事件，之前我們有用過v-on指令實現增加數字的需求，我們把那個例子改改拿出來：

上面是v-on最基礎的使用方法，此外v-on還有修飾符。

先來看看事件修飾符：.stop、.prevent、capture、.self、.once、.passive，我們引用一下官網的例子：

使用事件修飾符時，順序很重要；相應的代碼會以同樣的順序產生。因此，用 v-on:click.prevent.self 會阻止所有的點擊，而 v-on:click.self.prevent 只會阻止對元素自身的點擊。

此外還有按鍵修飾符，以下是常用的按鍵碼的別名：.enter、.tab、.delete (捕獲“刪除”和“退格”鍵)、.esc、.space、.up、.down、.left、.right。

系統修飾符：.ctrl、.alt、.shift、.meta。注意：在 Mac 系統鍵盤上，meta 對應 command 鍵 (?)。在 Windows 系統鍵盤 meta 對應 Windows 徽標鍵 (?)。在 Sun 操作系統鍵盤上，meta 對應實心寶石鍵 (◆)。在其他特定鍵盤上，尤其在 MIT 和 Lisp 機器的鍵盤、以及其后繼產品，比如 Knight 鍵盤、space-cadet 鍵盤，meta 被標記為“META”。在 Symbolics 鍵盤上，meta 被標記為“META”或者“Meta”。

.exact 修飾符允許你控制由精確的系統修飾符組合觸發的事件。

鼠標按鍵修飾符：.left、.right、.middle。

Vue

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。