资讯专栏INFORMATION COLUMN

DOM3中的自定义事件

mochixuan / 896人阅读

摘要:级还定义了自定义事件,自定义事件不是由原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由返回的对象有一个方法接收如下四个参数。

DOM3级还定义了自定义事件,自定义事件不是由DOM原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由createEvent("CustomEvent"); 返回的对象有一个initCustomEvent()方法接收如下四个参数。

type:字符串,触发的事件类型,自定义。例如 “keyDown”,“selectedChange”;

bubble(布尔值):标示事件是否应该冒泡;

cancelable(布尔值):标示事件是否可以取消;

detail(对象):任意值,保存在event对象的detail属性中;

下面举例: 当点击按钮的时候,一秒钟之后会触发一个id为target的元素的自定义事件myEvent,此自定义事件发生冒泡,依次经过target,wrap和document。
实际例子在这里:https://codepen.io/zhaojianxi...

  var e = document.createEvent("CustomEvent");
  e.initCustomEvent("myEvent",true,false,"hello world!");

       var btn = document.getElementById("btn");

       btn.addEventListener("click",function(){
         setTimeout(function(){
           target.dispatchEvent(e)
         },1000)
       })

       var wrap = document.getElementById("wrap");
       var target = document.getElementById("target");
       target.addEventListener("myEvent",function(e){
         console.log("target",e)
       })
       wrap.addEventListener("myEvent",function(e){
         console.log("wrap",e)
       })
       window.addEventListener("myEvent",function(e){
         console.log("window",e)
       })

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113247.html

相关文章

  • DOM3的自定义事件

    摘要:级还定义了自定义事件,自定义事件不是由原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由返回的对象有一个方法接收如下四个参数。 DOM3级还定义了自定义事件,自定义事件不是由DOM原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由createEvent(CustomEvent); 返回的对象有一个initCustomEvent()方法接收如下...

    newsning 评论0 收藏0
  • DOM3的自定义事件

    摘要:级还定义了自定义事件,自定义事件不是由原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由返回的对象有一个方法接收如下四个参数。 DOM3级还定义了自定义事件,自定义事件不是由DOM原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由createEvent(CustomEvent); 返回的对象有一个initCustomEvent()方法接收如下...

    villainhr 评论0 收藏0
  • DOM3的自定义事件

    摘要:级还定义了自定义事件,自定义事件不是由原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由返回的对象有一个方法接收如下四个参数。 DOM3级还定义了自定义事件,自定义事件不是由DOM原生触发的,它的目的是让开发人员创建自己的事件。要创建的自定义事件可以由createEvent(CustomEvent); 返回的对象有一个initCustomEvent()方法接收如下...

    PascalXie 评论0 收藏0
  • 《Javascript高级程序设计 (第三版)》第13章 事件

    摘要:一般化的变动事件。没有对应的级事件事件被分散到其他类别中。与事件关联的视图。布尔值表示按下的键的键码。布尔值表示事件是否应该冒泡。创建事件对象初始化事件对象触发事件 模拟事件 DOM中的事件模拟 可以在 document 对象上使用 createEvent() 方法创建 event 对象。 UIEvents :一般化的 UI 事件。鼠标事件和键盘事件都继承自 UI 事件。DOM3 级...

    tinylcy 评论0 收藏0
  • Javascript简介

    摘要:以下内容都是一些概念性的知识点弄懂这些基本的概念是我们在世界看得更远的垫脚石诞生于年年公司开发发布时临时将名字改为当时它的主要目的是处理以前由服务端语言负责的输入验证操作随着其发展现在已不再局限于数据验证而是具备了与浏览器窗口及其内容等几乎 以下内容都是一些概念性的知识点,弄懂这些基本的概念是我们在JavaScript世界看得更远的垫脚石. Javascript Javascript诞...

    Near_Li 评论0 收藏0

发表评论

0条评论

mochixuan

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<