<div class="a">
<span class="b">M</div>
</div>
a和b各有一个click事件,b在a内部
现在我点击b的时候同时也出发a事件
如何让它不触发
------解决方案--------------------
- HTML code
<div class="a" onclick="doA();">
<span class="b" onclick="doB(event);">BBBB</span>
AAAA
</div>
<script>
function doA(){
alert("a")
}
function doB(evt){
alert("b");
var evt = evt;
window.event?evt.cancelBubble=true:evt.stopPropagation();
}
</script>
------解决方案--------------------
- HTML code
<div class="a" onclick="doA();">
<span class="b" onclick="doB('ok', event);">BBBB</span>
AAAA
</div>
<script>
function doA(){
alert("a")
}
function doB(s, evt){
alert(s);
var evt = evt;
window.event?evt.cancelBubble=true:evt.stopPropagation();
}
</script>