解决问题:子标签和父标签有相同的事件A时,子标签使用取消冒泡,以阻止父标签的事件A触发。
<script type="text/javascript">
function f1(e){
alert("ClickMe1");
e.cancelBubble = true;//取消冒泡
}
function f2(e){
alert("ClickMe2");
}
</script>
</head>
<body style="font-size:30px;">
<div οnclick="f2(event);">
<span>ClickMe2</span>
<div οnclick="f1(event);">ClickMe1</div>
</div>
</body>