Quelles sont les méthodes de gestion des événements en javascript-js tutoriel-php.cn

Quelles sont les méthodes de gestion des événements en javascript

青灯夜游

Libérer： 2021-10-08 15:30:31

original

3816 Les gens l'ont consulté

Les méthodes de traitement des événements en JavaScript sont : 1. Ajoutez un événement dans l'attribut event de la balise, la syntaxe est "" 2. Utilisez l'attribut event. liaison de la source d'événement Fonction de traitement d'événement, syntaxe "objet source d'événement.on nom d'événement = fonction de traitement d'événement".

Quelles sont les méthodes de gestion des événements en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Méthode de gestion des événements Javascript

Méthode 1. Ajouter un événement dans l'attribut event de la balise

Utilisez l'attribut event de la balise HTML pour lier le gestionnaire. Il convient de noter que lors de l'utilisation de l'attribut event d'une balise HTML pour lier un gestionnaire d'événement, le code de script dans l'attribut event ne peut pas contenir de déclaration de fonction, mais peut être un appel de fonction ou une série de codes de script séparés par des points-virgules.

Exemple :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
     function printName(){
          var name = "张三";
          alert(name);
     }
</script>
</head>
<body>
     <input type="button" onClick="printName()" value="事件绑定测试"/>
</body>
</html>

Copier après la connexion

Quelles sont les méthodes de gestion des événements en javascript

Méthode 2. Utilisez l'attribut d'événement de la source d'événement pour lier le gestionnaire

Une façon de séparer HTML et JS consiste à lier le gestionnaire d'événements en utilisant l'attribut d'événement du source d'événement. Fonction, le format de liaison est le suivant :

obj.on事件名 = 事件处理函数

Copier après la connexion

obj dans le format est l'objet source d'événement. Le programme d'événements liés est généralement l'instruction de définition d'une fonction anonyme ou un nom de fonction.

Exemple de gestionnaire de liaison à la propriété d'événement de la source d'événement :

oBtn.onclick = function(){//oBtn为事件源对象，它的单击事件绑定了一个匿名函数定义
      alert(&#39;hi&#39;)
};

Copier après la connexion

Exemple : fonction de gestionnaire d'événement de liaison à l'aide de la propriété d'événement de la source d'événement.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
     window.onload = function(){//窗口加载事件绑定了一个匿名函数
          //定义一个名为fn的函数
          function fn(){
               alert(&#39;hello&#39;);
          }
          //获取事件源对象
          var oBtn1 = document.getElementById("btn1");
          var oBtn2 = document.getElementById("btn2");
         
          //绑定一个匿名函数
          oBtn1.onclick = function(){
               alert("hi");
          }
          //绑定一个函数名
          oBtn2.onclick = fn;
     };
</script>
</head>
<body>
   <input type="button" id="btn1" value="绑定一个匿名函数">
   <input type="button" id="btn2" value="绑定一个函数名">
</body>
</html>

Copier après la connexion

【Apprentissage recommandé : Tutoriel avancé javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!