Objet de l'événement: Lorsqu'un événement se produit, le navigateur crée automatiquement l'objet et contient le type de l'événement, les coordonnées de la souris, etc.
Propriétés de l'événement Objet: Format: Event.Properties.
Quelques instructions:
L'événement représente le statut de l'événement, comme l'élément qui déclenche l'objet de l'événement, la position et l'état de la souris, la touche pressée, etc.
L'objet de l'événement n'est valable que pendant l'événement.
L'événement dans Firefox est différent de celui de IE. L'événement dans IE est une variable globale qui est disponible à tout moment; L'événement dans Firefox doit être démarré avec des paramètres et est une variable temporaire au moment de l'exécution.
Dans IE / Opera, c'est Window.Event, et dans Firefox, c'est l'événement;
L'objet de l'événement est Window.Event.srcelement dans IE, event.target dans Firefox, et les deux sont disponibles dans l'opéra.
Événements de liaison
Dans JS, vous pouvez généralement prendre deux méthodes pour lier les événements à un objet (contrôle):
Définissez d'abord une fonction dans la tête:
La copie de code est la suivante:
<script type = "text / javascript">
fonction ClickHandler ()
{
// faire quelque chose
alert ("Le bouton est cliqué!");
}
</cript>
La première façon de lier les événements:
<entrée type = "bouton" value = "bouton1" onclick = "clickhandler ();"> <br/>
La deuxième façon de lier les événements:
La copie de code est la suivante:
<input type = "Button" id = "bouton2" value = "bouton2">
<script type = "text / javascript">
var v = document.getElementById ("Button2");
v.onclick = clickhandler; // Utilisez le nom de la fonction ici, aucun support n'est ajouté
</cript>
Autres exemples
Exemple 1:
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<Title> Eventtest.html </Title>
<meta http-equiv = "keywords" contenu = "keyword1, keyword2, keyword3">
<méta http-equiv = "Description" content = "Ceci est ma page">
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8">
<! - <link rel = "Stylesheet" type = "text / css" href = "./ styles.css"> ->
<cript>
Fonction Mover (objet) {
object.color = "red";
}
fonction mout (objet) {
object.color = "bleu";
}
</cript>
</ head>
<body>
<font style = "curseur: aide"
onclick = "window.location.href = 'http: //www.baidu.com'"
onMouseOver = "mover (this)" onMouseout = "mout (this)"> bienvenue </font>
</docy>
</html>
Exemple 2:
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<Title> Eventtest2.html </Title>
<meta http-equiv = "keywords" contenu = "keyword1, keyword2, keyword3">
<méta http-equiv = "Description" content = "Ceci est ma page">
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8">
<! - <link rel = "Stylesheet" type = "text / css" href = "./ styles.css"> ->
</ head>
<body>
<script type = "text / javascript">
fonction getEvent (événement) {
alert ("Type d'événement:" + event.type);
}
document.write ("cliquez ...");
document.onmousedown = getEvent;
</cript>
</docy>
</html>