日期:2014-05-16  浏览次数:20579 次

产生双重点击的问题
<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>