×
首页Web前端正文
IT源码网

js阻止点击事件的冒泡的实现

leader 2019年11月29日 Web前端 658 0 
<html> 
<head> 
<script type="text/javascript"> 
function fnclick1(){ 
    alert("父元素弹窗") 
} 
function fnclick2(e){ 
    //阻止跳转到其它页面（如提交表单跳转等） 
    //e.preventDefault(); 
    //阻止点击事件向上冒泡 
    e.stopPropagation(); 
    alert("子元素弹窗"); 
} 
</script> 
</head> 
<body> 
<div onclick="fnclick1()"> 
    父点击事件 
    <div onclick="fnclick2(event)"> 
       子点击事件 
    </div> 
</div> 
</body> 
</html>

 

评论关闭
IT源码网
IT源码网 JavaScript

微信公众号号：IT虾米 （左侧二维码扫一扫）欢迎添加！