js中阻止事件冒泡

時間 2019-12-21

原文原文鏈接

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <div style="border: 1px solid red; width: 500px; height: 200px;" onclick="test()">
    <div style="border: 1px solid green; width: 300px; height: 100px;" onclick="test()">
        <div style="border: 1px solid red; width: 100px; height: 50px;" onclick="test()">阻止事件冒泡</div>
    </div>
</div>
 </BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
         stopEventBubble(event){
         e=event || window.event;

         (e && e.stopPropagation){
            e.stopPropagation();    
        }
        {
            e.cancelBubble=;
        }
    }

         test(evt){
        alert('hahaha');
        stopEventBubble(evt);
    }
</SCRIPT>

相關標籤/搜索