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

最新推荐文章于 2024-05-12 21:38:39 发布

weixin_30790841

最新推荐文章于 2024-05-12 21:38:39 发布

阅读量189

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/damoblog/p/8493326.html

版权

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

转载于:https://www.cnblogs.com/damoblog/p/8493326.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30790841

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js阻止点击事件的冒泡的实现

<html><head><script type="text/javascript">function fnclick1(){ alert("父元素弹窗")}function fnclick2(e){ //阻止跳转到其它页面（如提交表单跳转等） //e.preventDefault(); //阻止点...
复制链接

扫一扫