内联onclick阻止事件冒泡避坑指南

内联onclick事件虽然没有显式的传入event对象,但是在click事件中还是可以使用event对象的,不过这里有个细节需要注意,那就是event总是保存着最后发生的那个事件对象的信息。

所以,在处理的时候,要把握好时机。

例如:

<span οnclick='clickSpan();'>点击span</span>
</div>
<script>
function clickSpan(){
    // 如果要在这里阻止事件冒泡,那么可以使用event对象
    event.stopPropagation();
    //如果这里还有ajax请求数据,stopPropagation要在ajax之前
    console.log('clickSpan');
}
function clickDiv(){
     console.log('clickDiv');
}
</script>

猜你喜欢

转载自blog.csdn.net/wang740209668/article/details/104985081
今日推荐