Maison >interface Web >js tutoriel >Résumé des propriétés de l'objet événement dans Jquery_jquery

Résumé des propriétés de l'objet événement dans Jquery_jquery

WBOYoriginal: 2016-05-16 16:12:311243parcourir

L'objet Event de JS est un objet transmis à la fonction de traitement d'événement lorsqu'un événement est déclenché. Cet objet contient les informations de base du déclenchement de l'événement. Par exemple : des informations de base telles que la source de l'événement qui a déclenché l'événement, le code du clavier (s'il existe), etc.

1. Obtenez le type d'événement via event.type

Copier le code Le code est le suivant :

<script><br>
$(fonction(){<br>
$("a").click(function(event) {<br>
​​​ alert(event.type);//Obtenir le type d'événement<br>
//return false; //Empêcher le saut de lien<br>
Event.preventDefault();<br>
});<br>
})<br>
</script>

2. Obtenez la valeur d'attribut de la cible de l'événement
La partie html du code est la suivante :

Copier le code Le code est le suivant :

cliquez sur moi .

Copier le code Le code est le suivant :

<script><br>
$(fonction(){<br>
$("a[href=http://google.com]").click(function(event) {<br>
alert(event.target.href);//Obtenir la valeur de l'attribut href de l'élément <a> qui a déclenché l'événement<br>
        return false ;//Empêcher le saut de lien<br>
});<br>
})<br>
</script>

La valeur de l'attribut href peut être obtenue sous la forme 'http://google.com'.

3. Récupérez les valeurs de coordonnées x et y correspondant à la souris

Copier le code Le code est le suivant :

<script><br>
$(fonction(){<br>
$("a").click(function(e) {<br>
alert("Position actuelle de la souris : " e.pageX ", " e.pageY );//Obtenir les coordonnées actuelles de la souris par rapport à la page<br>
        return false ;//Empêcher le saut de lien<br>
});<br>
})<br>
</script>

Le nom du paramètre transmis ici ne doit pas nécessairement être un événement, il peut s'agir de n'importe quel nom, à condition que les suivants correspondent. La valeur par défaut transmise est event. Si vous ne donnez pas de paramètre, un paramètre appelé event sera transmis par défaut.

4. L'attribut which peut obtenir la valeur correspondant à l'événement correspondant
L'attribut which indique quelle touche ou quel bouton a été enfoncé.

Copier le code Le code est le suivant :

<script><br>
$(fonction(){<br>
$("a").mousedown(function(e){<br>
alert(e.which) // 1 = bouton gauche de la souris ; 2 = bouton central de la souris ; 3 = bouton droit de la souris <br>
          return false ;//Empêcher le saut de lien<br>
})<br>
})<br>
</script>

Pour savoir comment obtenir la valeur Keycode d'une clé en Javascript, veuillez vous référer à :

Copier le code Le code est le suivant :

code clé 8 = BackSpace BackSpace 

code clé 9 = Onglet Onglet 

code clé 12 = Effacer 

code clé 13 = Entrer  

code clé 16 = Shift_L 

code clé 17 = Control_L 

code clé 18 = Alt_L 

code clé 19 = Pause 

code clé 20 = Caps_Lock 

code clé 27 = Échapper Échapper 

code clé 32 = espace espace 

code clé 33 = Avant 

code clé 34 = Suivant 

code clé 35 = Fin 

code clé 36 = Accueil 

code clé 37 = Gauche 

code clé 38 = Haut 

code clé 39 = Droite 

code clé 40 = Bas 

code clé 41 = Sélectionnez 

code clé 42 = Imprimer 

code clé 43 = Exécuter 

code clé 45 = Insérer 

code clé 46 = Supprimer 

code clé 47 = Aide 

code clé 48 = 0 égal braceright 

code clé 49 = 1 exclamez un supérieur 

code clé 50 = 2 citébl twosuperior 

code clé 51 = 3 sections trois supérieures 

code clé 52 = 4 dollars 

code clé 53 = 5 pour cent 

code clé 54 = 6 esperluette 

code clé 55 = 7 barre oblique gauche 

code clé 56 = 8 parenleft bracketleft 

code clé 57 = 9 parenright bracketright 

code clé 65 = un A 

code clé 66 = b B 

code clé 67 = c C 

code clé 68 = d D 

code clé 69 = e E EuroSign 

code clé 70 = f F 

code clé 71 = g G 

code clé 72 = h H 

code clé 73 = je je 

code clé 74 = j J 

code clé 75 = kK 

code clé 76 = l L 

code clé 77 = m M mu 

code clé 78 = n N 

code clé 79 = o O 

code clé 80 = p P 

code clé 81 = q Q à 

code clé 82 = r R 

code clé 83 = s S 

code clé 84 = t T 

code clé 85 = u U 

code clé 86 = v V 

code clé 87 = w W 

code clé 88 = x X 

code clé 89 = y Y 

code clé 90 = z Z 

code clé 96 = KP_0 KP_0 

code clé 97 = KP_1 KP_1 

code clé 98 = KP_2 KP_2 

code clé 99 = KP_3 KP_3 

code clé 100 = KP_4 KP_4 

code clé 101 = KP_5 KP_5 

code clé 102 = KP_6 KP_6 

code clé 103 = KP_7 KP_7 

code clé 104 = KP_8 KP_8 

code clé 105 = KP_9 KP_9 

code clé 106 = KP_Multiply KP_Multiply 

code clé 107 = KP_Add KP_Add 

code clé 108 = KP_Separator KP_Separator 

code clé 109 = KP_Subtract KP_Subtract 

code clé 110 = KP_Decimal KP_Decimal 

code clé 111 = KP_Divide KP_Divide 

code clé 112 = F1 

code clé 113 = F2 

code clé 114 = F3 

code clé 115 = F4 

code clé 116 = F5 

code clé 117 = F6 

code clé 118 = F7 

code clé 119 = F8 

code clé 120 = F9 

code clé 121 = F10 

code clé 122 = F11 

code clé 123 = F12 

code clé 124 = F13 

code clé 125 = F14 

code clé 126 = F15 

code clé 127 = F16 

code clé 128 = F17 

code clé 129 = F18 

code clé 130 = F19 

code clé 131 = F20 

code clé 132 = F21 

code clé 133 = F22 

code clé 134 = F23 

code clé 135 = F24 

code clé 136 = Num_Lock 

code clé 137 = Scroll_Lock 

keycode 187 = aigu grave 

code clé 188 = virgule point-virgule 

code clé 189 = moins le trait de soulignement 

code clé 190 = point deux-points 

code clé 192 = apostrophe du signe numérique 

code clé 210 = plusmoins trait d'union macron 

code clé 212 = droit d'auteur enregistré 

code clé 213 = guillemotgauche guillemotdroit 

code clé 214 = masculin ou féminin 

code clé 215 = ae AE 

code clé 216 = cent yens 

code clé 217 = questiondown exclamdown 

code clé 218 = un quart un demi trois quarts 

code clé 220 = barre moins grande 

code clé 221 = plus astérisque asciitilde 

code clé 227 = multiplier la division 

code clé 228 = acircumflex Acircumflex 

code clé 229 = ecircumflex Ecircumflex 

code clé 230 = icircumflex Icircumflex 

code clé 231 = ocircumflex Ocircumflex 

code clé 232 = ucircumflex Ucircumflex 

code clé 233 = ntilde Ntilde 

code clé 234 = yacute Yacute 

code clé 235 = oslash Ooblique 

code clé 236 = aring Aring 

code clé 237 = ccédille Ccédille 

code clé 238 = épine ÉPINETTE 

code clé 239 = eth ETH 

code clé 240 = devise tréma cédille 

code clé 241 = agrave Agrave atilde Atilde 

code clé 242 = egrave Egrave 

code clé 243 = igrave Igrave 

code clé 244 = ograve Ograve otilde Otilde 

code clé 245 = ugrave Ugrave 

code clé 246 = adiaérèse Adiaérèse 

code clé 247 = édiérèse Édiaérèse 

code clé 248 = idiaérèse Idiaérèse 

code clé 249 = odiaérèse Odiaérèse 

code clé 250 = udiérèse Udiaérèse 

code clé 251 = barre oblique inverse de question précise 

code clé 252 = degré asciicircum 

code clé 253 = 3 livres sterling 

code clé 254 = Mode_switch

Ce qui précède est la référence de valeur clé en js, les plus importantes sont 13 (entrée), 32 (espace), 27 (ESC), 16 (Shift), 17 (Ctrl), 18 (Alt).

Plus de valeurs peuvent être obtenues via jQuery ci-dessous :

Copier le code Le code est le suivant :

<script><br>
$(fonction(){<br>
$("input").keyup(function(e){//Obtenir la valeur du temps de saisie<br>
alert(e. which);<br>
})<br>
})<br>
</script>

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Méthode JS CSS pour implémenter la fenêtre contextuelle DIV avec des compétences de fermeture bouton_javascriptArticle suivant：Méthode JS CSS pour implémenter la fenêtre contextuelle DIV avec des compétences de fermeture bouton_javascript

Articles Liés

Voir plus