Maison > interface Web > js tutoriel > Notes d'apprentissage JavaScript Objet d'événement JS_Connaissances de base

Notes d'apprentissage JavaScript Objet d'événement JS_Connaissances de base

WBOY
Libérer: 2016-05-16 16:18:32
original
1410 Les gens l'ont consulté

Objet Événement : Lorsqu'un événement se produit, le navigateur crée automatiquement cet objet et contient le type d'événement, les coordonnées de la souris, etc.

Attributs de l'objet événement : Format : attribut événement.

Quelques consignes :

L'événement représente l'état de l'événement, comme l'élément qui a déclenché l'objet événement, la position et l'état de la souris, la touche enfoncée, etc.;

L'objet événement n'est valable que pendant l'événement.

Les événements dans Firefox sont différents de ceux dans IE. Les événements dans IE sont des variables globales et peuvent être utilisés à tout moment. Les événements dans Firefox doivent être guidés par des paramètres et sont des variables temporaires au moment de l'exécution.

Dans IE/Opera, c'est window.event, dans Firefox, c'est event

L'objet événement est window.event.srcElement dans IE, event.target dans Firefox, et les deux sont disponibles dans Opera.

Événements contraignants

Il existe généralement deux méthodes pour lier des événements à un objet (contrôle) en JS :

Définissez d'abord une fonction dans head :

Copier le code Le code est le suivant :


La première méthode de liaison des événements :


La deuxième méthode de liaison des événements :

Copier le code Le code est le suivant :
        
        

Autres exemples

Exemple 1 :

Copier le code Le code est le suivant :



eventTest.html




<script><br> Fonction mOver(objet) {<br>           object.color = "rouge";<br> ><br> Fonction mOut(objet) {<br>           object.color = "bleu";<br> ><br> </script>


onclick="window.location.href='http://www.baidu.com'"
onmouseover="mOver(this)" onmouseout="mOut(this)">Bienvenue





Exemple 2 :

Copier le code Le code est le suivant :




eventTest2.html






   


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal