3.DOM事件

1.dom事件类

    事件的级别

    DOM0     element.onclick=function(){};

    MOM2     element.addEventListener('click',function(){},false);

    MOM3     element.addEventListener('keyup',function(){},false);

2.事件模型

    捕获阶段

window -->documetn-->html-->body-->parentElement...-->element


    冒泡阶段

element-->parentEvent...-->body-->html-->document-->window



3.Event对象的常见应用

    event.preventDefult();  阻止默认事件

    event.stopPropagation();阻止冒泡

    event.stoplmmediateProgatation();  阻止 下一个连锁的事件

    event.currentTarget   事件代理 用到

    event.target  当前被点击的元素

4.自定义事件

        var eve = new Event('custom');

        ev.addEventListener('custom',function(){

        });

        ev.dispathEvent(eve);

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

相关阅读更多精彩内容

  • DOM事件类1.基本概念(DOM事件的级别)2.DOM事件模型(捕获、冒泡)3.DOM事件流4.DOM事件捕获的具...
    noyanse阅读 285评论 0 0
  • 基本概念:DOM事件的级别 DOM事件模型:事件冒泡事件捕获 DOM事件流 描述DOM事件捕获的具体流程 Even...
    言歌不言歌阅读 1,008评论 0 1
  • DOM事件 1.基本概念:DOM事件的级别 2.DOM事件模型(冒泡捕获) 3.DOM事件流(页面中接受事件的顺序...
    飞菲fly阅读 1,141评论 0 2
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,202评论 1 10
  • 自从跳槽到南昌当了这个副经理,我觉得如何能尽快适应这个小小的管理岗位,是我当前必须要掌握的技能。 其实之前有位领导...
    一白留阅读 227评论 0 0

友情链接更多精彩内容