Heim > Web-Frontend > js-Tutorial > Zusammenfassung der Ereignisobjekteigenschaften in Jquery_jquery

Zusammenfassung der Ereignisobjekteigenschaften in Jquery_jquery

WBOY
Freigeben: 2016-05-16 16:12:31
Original
1229 Leute haben es durchsucht

Das Event-Objekt von JS ist ein Objekt, das an die Ereignisverarbeitungsfunktion übergeben wird, wenn ein Ereignis ausgelöst wird. Dieses Objekt enthält die grundlegenden Informationen zum Auslösen des Ereignisses. Zum Beispiel: grundlegende Informationen wie die Ereignisquelle, die das Ereignis ausgelöst hat, Tastaturcode (falls vorhanden) usw.

1. Ermitteln Sie die Art des Ereignisses über event.type

Code kopieren Der Code lautet wie folgt:

<script><br> $(function(){<br> $("a").click(function(event) {<br> ​​​ Alert(event.type);//Den Ereignistyp abrufen<br> //false zurückgeben; //Linksprung verhindern<br> Event.preventDefault();<br> });<br> })<br> </script>

2. Ermitteln Sie den Attributwert des Ereignisziels
Der HTML-Teil des Codes lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

<script><br> $(function(){<br> $("a[href=http://google.com]").click(function(event) {<br> Alert(event.target.href);//Holen Sie sich den href-Attributwert des <a>-Elements, das das Ereignis ausgelöst hat<br>         return false;//Linksprung verhindern<br> });<br> })<br> </script>

Der Wert des Attributs href kann als „http://google.com“ abgerufen werden.

3. Holen Sie sich die Koordinatenwerte x und y, die der Maus entsprechen

Code kopieren Der Code lautet wie folgt:

<script><br> $(function(){<br> $("a").click(function(e) {<br> alarm("Aktuelle Mausposition: " e.pageX ", " e.pageY );//Erhalten Sie die aktuellen Koordinaten der Maus relativ zur Seite<br>         return false;//Linksprung verhindern<br> });<br> })<br> </script>

Der hier übergebene Parametername muss kein Ereignis sein, er kann ein beliebiger Name sein, solange die folgenden übereinstimmen. Der übergebene Standardwert ist event. Wenn Sie keinen Parameter angeben, wird standardmäßig ein Parameter namens Ereignis übergeben.

4. Das Attribut which kann den Wert erhalten, der dem entsprechenden Ereignis entspricht
Das Attribut „which“ gibt an, welche Taste oder welcher Knopf gedrückt wurde.

Code kopieren Der Code lautet wie folgt:

<script><br> $(function(){<br> $("a").mousedown(function(e){<br> warning(e.which) // 1 = linke Maustaste; 2 = mittlere Maustaste; 3 = rechte Maustaste;           return false;//Linksprung verhindern<br> })<br> })<br> </script>

Informationen zum Abrufen des Keycode-Werts eines Schlüssels in Javascript finden Sie unter:

Code kopieren Der Code lautet wie folgt:

Tastencode 8 = BackSpace BackSpace
Tastencode 9 = Tab Tab
Schlüsselcode 12 = Löschen
Schlüsselcode 13 = Geben Sie 
ein Tastencode 16 = Shift_L
Tastencode 17 = Control_L
Tastencode 18 = Alt_L
Tastencode 19 = Pause
Tastencode 20 = Caps_Lock
Schlüsselcode 27 = Escape Escape
Tastencode 32 = Leertaste
Schlüsselcode 33 = Prior
Schlüsselcode 34 = Weiter
Tastencode 35 = Ende
Schlüsselcode 36 = Home
Tastencode 37 = Links
Tastencode 38 = Nach oben
Tastencode 39 = Rechts
Tastencode 40 = Unten
Tastencode 41 = Wählen Sie
Schlüsselcode 42 =
drucken Tastencode 43 = Ausführen
Schlüsselcode 45 =
einfügen Schlüsselcode 46 = Löschen
Schlüsselcode 47 = Hilfe
Schlüsselcode 48 = 0 gleich Klammerrechts
Schlüsselcode 49 = 1 exclam onesuperior
Schlüsselcode 50 = 2 quotedbl twosuperior
Schlüsselcode 51 = 3 Abschnitt drei Vorgesetzter
Schlüsselcode 52 = 4 Dollar
Schlüsselcode 53 = 5 Prozent
Schlüsselcode 54 = 6 kaufmännisches Und
Schlüsselcode 55 = 7 Schrägstrich nach links
Schlüsselcode 56 = 8 parenlinke Klammerlinks
Schlüsselcode 57 = 9 parenrechte Klammerrechts
Schlüsselcode 65 = a A
Schlüsselcode 66 = b B
Schlüsselcode 67 = c C
Schlüsselcode 68 = d D
Schlüsselcode 69 = e E EuroSign
Tastencode 70 = f F
Schlüsselcode 71 = g G
Schlüsselcode 72 = h H
Schlüsselcode 73 = i I
Schlüsselcode 74 = j J
Schlüsselcode 75 = k K
Schlüsselcode 76 = l L
Schlüsselcode 77 = m M mu
Schlüsselcode 78 = n N
Schlüsselcode 79 = o O
Schlüsselcode 80 = p P
Tastencode 81 = q Q bei
Schlüsselcode 82 = r R
Schlüsselcode 83 = s S
Schlüsselcode 84 = t T
Schlüsselcode 85 = u U
Schlüsselcode 86 = v V
Schlüsselcode 87 = w W
Schlüsselcode 88 = x X
Schlüsselcode 89 = y Y
Schlüsselcode 90 = z Z
Schlüsselcode 96 = KP_0 KP_0
Schlüsselcode 97 = KP_1 KP_1
Schlüsselcode 98 = KP_2 KP_2
Schlüsselcode 99 = KP_3 KP_3
Schlüsselcode 100 = KP_4 KP_4
Schlüsselcode 101 = KP_5 KP_5
Schlüsselcode 102 = KP_6 KP_6
Schlüsselcode 103 = KP_7 KP_7
Schlüsselcode 104 = KP_8 KP_8
Schlüsselcode 105 = KP_9 KP_9
Schlüsselcode 106 = KP_Multiply KP_Multiply
Schlüsselcode 107 = KP_Add KP_Add
Schlüsselcode 108 = KP_Separator KP_Separator
Tastencode 109 = KP_Subtract KP_Subtract
Tastencode 110 = KP_Decimal KP_Decimal
Schlüsselcode 111 = KP_Divide KP_Divide
Tastencode 112 = F1
Tastencode 113 = F2
Tastencode 114 = F3
Tastencode 115 = F4
Tastencode 116 = F5
Tastencode 117 = F6
Tastencode 118 = F7
Tastencode 119 = F8
Tastencode 120 = F9
Tastencode 121 = F10
Tastencode 122 = F11
Tastencode 123 = F12
Tastencode 124 = F13
Tastencode 125 = F14
Tastencode 126 = F15
Tastencode 127 = F16
Tastencode 128 = F17
Tastencode 129 = F18
Tastencode 130 = F19
Tastencode 131 = F20
Tastencode 132 = F21
Tastencode 133 = F22
Tastencode 134 = F23
Tastencode 135 = F24
Tastencode 136 = Num_Lock
Schlüsselcode 137 = Scroll_Lock
Schlüsselcode 187 = akutes Grab
Schlüsselcode 188 = Komma Semikolon
Schlüsselcode 189 = Minus-Unterstrich
Schlüsselcode 190 = Punkt Doppelpunkt
Schlüsselcode 192 = Nummernzeichen-Apostroph
Schlüsselcode 210 = Plusminus-Bindestrich-Makron
Schlüsselcode 212 = Urheberrecht registriert
Schlüsselcode 213 = Guillemotleft Guillemotright
Schlüsselcode 214 = männlich oder weiblich
Schlüsselcode 215 = ae AE
Schlüsselcode 216 = Cent Yen
Schlüsselcode 217 = questionsdown exclamdown
Schlüsselcode 218 = ein Viertel, eine Hälfte, drei Viertel
Schlüsselcode 220 = kleinerer größerer Balken
Schlüsselcode 221 = plus Sternchen Asciitilde
Schlüsselcode 227 = Division multiplizieren
Schlüsselcode 228 = acircumflex Acircumflex
Schlüsselcode 229 = ecircumflex Ecircumflex
Schlüsselcode 230 = icircumflex Icircumflex
Schlüsselcode 231 = ocircumflex Ocircumflex
Schlüsselcode 232 = ucircumflex Ucircumflex
Schlüsselcode 233 = ntilde Ntilde
Schlüsselcode 234 = yacute Yacute
Schlüsselcode 235 = oslash Ooblique
Schlüsselcode 236 = aring Aring
Schlüsselcode 237 = ccedilla Ccedilla
Schlüsselcode 238 = Dorn THORN
Schlüsselcode 239 = eth ETH
Schlüsselcode 240 = Diaeresis-Cedilla-Währung
Schlüsselcode 241 = agrave Agrave atilde Atilde
Schlüsselcode 242 = Egrave Egrave
Schlüsselcode 243 = igrave Igrave
Schlüsselcode 244 = ograve Ograve otilde Otilde
Schlüsselcode 245 = ugrave Ugrave
Schlüsselcode 246 = Adiaeresis Adiaeresis
Schlüsselcode 247 = Ödiaerese Ödiaerese
Schlüsselcode 248 = Idiaeresis Idiaeresis
Schlüsselcode 249 = Odiaeresis Odiaeresis
Schlüsselcode 250 = Udiaeresis Udiaeresis
Schlüsselcode 251 = scharfer Frage-Backslash
Schlüsselcode 252 = asciicircum Grad
Schlüsselcode 253 = 3 Sterling
Schlüsselcode 254 = Mode_switch

Das Obige ist die Schlüsselwertreferenz in js, die wichtigeren sind 13 (Eingabe), 32 (Leerzeichen), 27 (ESC), 16 (Umschalt), 17 (Strg), 18 (Alt).

Weitere Werte können über jQuery unten abgerufen werden:

Code kopieren Der Code lautet wie folgt:

<script><br> $(function(){<br> $("input").keyup(function(e){//Den Wert der Keyup-Zeit abrufen<br> alarm(e.which);<br> })<br> })<br> </script>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage