Maison >interface Web >js tutoriel >Quelles sont les méthodes de gestion des événements en javascript
Quelles sont les méthodes de gestion des événements en javascript
- 青灯夜游original
- 2021-10-08 15:30:313887parcourir
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".
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>
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事件名 = 事件处理函数
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('hi')
};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('hello');
}
//获取事件源对象
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>【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!