关于Js事件冒泡及阻止事件冒泡

最新推荐文章于 2023-06-13 10:14:57 发布

echo_0909

最新推荐文章于 2023-06-13 10:14:57 发布

阅读量193

点赞数 1

分类专栏： JavaScript

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Js 代码

<script type="text/javascript">
$(function(){
    // 为span元素绑定click事件
    // 为div元素绑定click事件
    $('#content').bind("click",function(){
        var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>";
        $('#msg').html(txt);
    });
    // 为body元素绑定click事件
    $("body").bind("click",function(){
        var txt = $('#msg').html() + "<p>body元素被点击.<p/>";
        $('#msg').html(txt);
    });
    $('span').bind("click",function(event){
        var txt = $('#msg').html() + "<p>内层span元素被点击.<p/>";//获取html信息
        $('#msg').html(txt);// 设置html信息
        //阻止事件冒泡
        // return false;
        // event.stopPropagation();
    });
})
</script>

html 代码

<body>
<div id="content">
    外层div元素
    <span>内层span元素</span>
    外层div元素
</div>

<div id="msg"></div>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

echo_0909

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于Js事件冒泡及阻止事件冒泡

Js 代码$(function(){ // 为span元素绑定click事件 // 为div元素绑定click事件 $('#content').bind("click",function(){ var txt = $('#msg').html() + "外层div元素被点击."; $('#msg').html(txt); });
复制链接

扫一扫