js阻止点击事件的冒泡的实现详解编程语言

<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>

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/17197.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论