L'exemple de cet article décrit le bouillonnement d'événements javascript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Événement bouillonnant :
Si l'élément A est imbriqué dans l'élément B, alors lorsque A est cliqué, non seulement l'événement onclick de A sera déclenché, mais l'événement onclick de B sera également déclenché,
La séquence de déclenchement est "de l'intérieur vers l'extérieur". Vérification : ajoutez un tableau sur la page, il y a tr dans le tableau, td dans tr, et un p dans td,
Ajouter une réponse à l'événement dans p, td, tr, table
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>事件冒泡</title> </head> <body onclick="alert('body click');"> <table onclick="alert('table click');"> <tr onclick="alert('tr click');"> <td onclick="alert('td click');"> <input type="button" value="单击我" onclick="alert('button click');" /> </td> </tr> </table> </body> </html>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.