Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Key- und Mouse-Modifier

Key- und Mouse-Modifier – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Key- und Mouse-Modifier

“

Neben den Event Modifier gibt es auch Key Modifier und Mouse Button Modifier. D.h., Sie können sehr leicht auslesen, welche Taste auf der Tastatur oder auf der Maus gedrückt wurde. Was da alles möglich ist, finden Sie natürlich in der Dokumentation genau beschrieben. Wir wollen uns einmal zwei Beispiele anschauen. Im ersten Beispiel möchte ich auf die Enter-Taste reagieren. Ich habe ein input-Element mit @keyup und dann schreibe ich .enter. Und wenn die Enter-Taste ausgelöst wird, soll eine Funktion aufgerufen werden, die enter() heißt. Und es wird der Text "enter gedrückt" in diesen Absatz geschrieben. Ich klicke in das Feld, betätige die Enter-Taste und es erscheint der Text. Beim zweiten Beispiel möchte ich reagieren darauf, ob auf die linke oder auf die rechte Maustaste gedrückt wird, und dann soll darunter erscheinen "links" oder "rechts". Ich schreibe dafür @click, dann .right, weil ich auf die rechte Maustaste reagieren will, und mit .prevent kann ich verhindern, dass die…

Inhalt