Comment utiliser la liaison d'événements JavaScript

La liaison d'événement consiste à opérer sur quelque chose. (Parce que vous voulez qu'il produise un effet, vous devez le lier, hahaha !)

Si vous voulez que JavaScript réponde aux opérations de l'utilisateur, vous devez d'abord lier un gestionnaire d'événements à l'élément DOM. La fonction dite de traitement d'événements est une fonction qui traite les opérations des utilisateurs. Différentes opérations correspondent à des noms différents.

En JavaScript, il existe trois méthodes couramment utilisées pour lier des événements :

1. Lier directement dans les éléments DOM ;

2. Lier en code JavaScript ;

3. Fonction d'écoute d'événement de liaison.

1. Laissez-moi vous expliquer comment lier directement dans les éléments du DOM sous forme d'exemples.

Cliquez sur un bouton pour faire apparaître une boîte d'avertissement

3. Lier l'écoute d'événements. Une autre façon de lier des événements consiste à utiliser addEventListener() ou attachEvent() pour lier la fonction d'écoute d'événements.

①.addEventListener(eventName,handle,useCapture).

Méthode standard de liaison de la fonction d'écoute d'événement

eventName

nom de l'événement. Notez que les noms d'événements ici n'ont pas "on", comme un clic d'événement de clic de souris, un double-clic de souris d'événement, un déplacement de souris dans un événement de survol, un événement de déplacement de souris hors de souris, etc.

handle

Fonction de handle d'événement, qui est une fonction utilisée pour gérer les événements.

useCapture

eventName	事件名称。注意，这里的事件名称没有“ on ”，如鼠标单击事件 click ，鼠标双击事件 doubleclick ，鼠标移入事件 mouseover，鼠标移出事件 mouseout 等。
handle	事件句柄函数，即用来处理事件的函数。
useCapture	Boolean类型，是否使用捕获，一般用false 。

Le type booléen, s'il faut utiliser la capture, utilise généralement false.

elementObject	DOM对象（即DOM元素）。
eventName	事件名称。注意，与addEventListener()不同，这里的事件名称有“ on ”，如鼠标单击事件 onclick ，鼠标双击事件 ondoubleclick ，鼠标移入事件 onmouseover，鼠标移出事件 onmouseout 等。
handle	事件句柄函数，即用来处理事件的函数。

②.attachEvent(eventName,handle);

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!