recherche

Maison >interface Web >js tutoriel >Code bouillonnant d'événement de blocage JavaScript compatible avec les principales compétences des navigateurs_javascript

Code bouillonnant d'événement de blocage JavaScript compatible avec les principales compétences des navigateurs_javascript

WBOY
WBOYoriginal
2016-05-16 15:50:521025parcourir

Ceci n'est qu'une simple démo de code. En raison de problèmes de temps, je n'ai pas fait de recherches approfondies. Parce que lorsque je travaillais sur le projet aujourd'hui, j'avais besoin d'utiliser du contenu qui empêche les événements de bouillonner. avant d'en trouver un qui pourrait être utilisé, je vais l'enregistrer ici. 

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>阻止事件冒泡</title>
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/jquery.cookie.js"></script>
  <style type="text/css">
  </style>
  <script type="text/javascript">
    function clickDiv(){
      alert("clickDiv");
    }
    function clickP(event){
      stopEvent(event);
      alert("clickP");
    }
    function stopEvent(event){ //阻止冒泡事件
     //取消事件冒泡
     var e=arguments.callee.caller.arguments[0]||event; //若省略此句，下面的e改为event，IE运行可以，但是其他浏览器就不兼容
     if (e && e.stopPropagation) {
     // this code is for Mozilla and Opera
     e.stopPropagation();
     } else if (window.event) {
     // this code is for IE
      window.event.cancelBubble = true;
     }
    }
  </script>
</head>
<body>
  <div onclick="clickDiv()" style="width:100px; height:100px; background-color:red;">
    <p onclick="clickP(event)" style="width:50px; height:50px; margin:auto; background-color:green;">
      abad
    </p>
  </div>
  <script type="text/javascript">
  </script>
</body>
</html>

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

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：problème d'affectation continue javascript_compétences javascriptArticle suivant：problème d'affectation continue javascript_compétences javascript

Articles Liés

Voir plus