阅读 128

事件监听、自定义事件、事件派遣是什么?

基本概念

  • 事件监听 addEventListener

监听一个事件触发,并且执行回调。

  • 自定义事件 CustomEvent

初始化一个 CustomEvent 对象。如果重复初始化,会进行覆盖。

  • 事件派遣 dispatchEvent

说白了就是直接在js中触发事件。

使用方法

直接上例子:

//添加事件监听
dom.addEventListener("cat", function(e) { console.log(e.detail) });

//创建自定义事件
let event = new CustomEvent("cat", {
    bubbles:true, //是否支持冒泡
    cancelable:true,//是否支持取消事件
    detail:{
        say:'hello world'
    }
});

//派遣事件
dom.dispatchEvent(event); //{say:'hello world'}复制代码

对了,其他内容,可以查看我的更多文章????


作者:AEI
链接:https://juejin.cn/post/7024422530467233822


文章分类
后端
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐