当前位置: 代码迷 >> JavaScript >> 产生双重点击的有关问题
  详细解决方案

产生双重点击的有关问题

热度:37   发布时间:2012-08-11 20:50:31.0
产生双重点击的问题
<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> 
  相关解决方案