Selain menangani event klik mouse untuk Menggunakan Event Handler Key Modifiers pada Vue Js, dan juga dapat menangani event berupa inputan keyboard seperti tombol Enter, CTRL, ALT dan SHIFT, tanda panah dan sebagainya.

Penggunaan Event Handler Key Modifiers pada Vue Js, key modifier (tombol Enter, CTRL, ALT. SHIFT, tanda panah, kombinasi dan sebagainya) pada directive v-on menggunakan format:

 

Atau dapat juga menggunakan shorhand:

 

Untuk lebih jelasnya, mari kita lanjutkan ke dalam pembuatan program-program berkut ini:

Event Handler pada Tombol Enter:

Pada contoh program yang akan kita akan buat ini adalah program yang mendeteksi dan melakukan reaksi pada saat tombol Enter ditekan.

Pada program ini disediakan sebuah textbox, dimana kita akan dapat mengetik apapun didalamnya. Namun, pada saat tombol yang kita tekan adalah tombol Enter, maka akan tampil sebuah alert bertuliskan “Anda menekan tombol Enter”. Mari kita buat sekarang juga ya

 

Jangan lupa disave, dan kalian bisa coba arahkan kursor ke textbox lalu tekan tombol Enter, maka akan muncul pesan alert yaitu ” Anda menekan tombol Enter “. Semoga kalian bisa Menggunakan Event Handler Key Modifiers pada Vue Js, dan semoga bermanfaat.