recherche

Maison >interface Web >js tutoriel >Analyse des événements javascript bouillonnants examples_javascript skills

Analyse des événements javascript bouillonnants examples_javascript skills

WBOY
WBOYoriginal
2016-05-16 15:59:321293parcourir

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.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée de l'utilisation de l'objet clipboardData dans les compétences javascript_javascriptArticle suivant：Explication détaillée de l'utilisation de l'objet clipboardData dans les compétences javascript_javascript

Articles Liés

Voir plus