cari

Rumah >hujung hadapan web >tutorial js >Kod menggelegak acara menyekat JavaScript serasi dengan kemahiran browsers_javascript utama

Kod menggelegak acara menyekat JavaScript serasi dengan kemahiran browsers_javascript utama

WBOY
WBOYasal
2016-05-16 15:50:521026semak imbas

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>

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：masalah tugasan berterusan javascript_kemahiran javascriptArtikel seterusnya：masalah tugasan berterusan javascript_kemahiran javascript

Artikel berkaitan

Lihat lagi