Kod menggelegak acara menyekat JavaScript serasi dengan kemahiran browsers

Kod menggelegak acara menyekat JavaScript serasi dengan kemahiran browsers_javascript utama

WBOY

Lepaskan： 2016-05-16 15:50:52

asal

994 orang telah melayarinya

Ini hanyalah tunjuk cara kod yang mudah Disebabkan masalah masa, saya tidak melakukan penyelidikan yang mendalam Kerana semasa saya mengerjakan projek hari ini, saya perlu menggunakan kandungan yang menghalang acara daripada menggelegak sebelum saya jumpa yang boleh digunakan saya akan rakamkan di sini.

<!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>

Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.