16-day2018-07-26

事件冒泡:

什么是事件冒泡:在一个对象上触发某类事件(比如onclick事件),如果次对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。

事件冒泡的作用:事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件。

阻止事件冒泡:事件冒泡机制有时候是不需要的,需要阻止掉,通过 event.stopPropagation() 来阻止

$(function(){

    var $box1 = $('.father');

    var $box2 = $('.son');

    var $box3 = $('.grandson');

    $box1.click(function() {

        alert('father');

    });

    $box2.click(function() {

        alert('son');

    });

    $box3.click(function(event) {

        alert('grandson');

        event.stopPropagation();

    });

    $(document).click(function(event) {

        alert('grandfather');

    });

})

住址默认行为:

阻止右键菜单:

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Call 和 Apply 的区别语法:function.call(thisObj [, arg1[, arg2[,...
    HeroXin阅读 327评论 0 1
  • jquery事件 事件函数列表:blur() : 元素失去焦点focus() : 元素获得焦点change() :...
    奋斗的老王阅读 638评论 0 50
  • jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有...
    1263536889阅读 413评论 0 1
  • 事件冒泡: 什么是事件冒泡:在一个对象上触发某类事件(比如onclick事件),如果次对象定义了此事件的处理程序,...
    dream_seeker阅读 474评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,145评论 1 45

友情链接更多精彩内容