Document.createEvent() 创建自定义事件

document.createEvent用于创建事件，在DOM Level 2　的事件中就有HTMLEvents，MouseEvents，UIEvents事件类型。

应用举例：

// 创建事件
var event = document.createEvent('Event');// 定义事件名为'build'.
event.initEvent('build', true, true);// 监听事件
elem.addEventListener('build', function (e) {// e.target matches elem
}, false);// 触发对象可以是任何元素或其他事件目标
elem.dispatchEvent(event);

由上述示例可总结，创建自定义事件有四步。

注意

Event type字符串只能传递事件模块中定义的值给CreateEvent。其中一些事件模块是在DOM事件规范定义的，还有些事在其他规范定义的（如SVG），还有一些是Gecko-specific事件。详情见下表。

Document.createEvent() 创建自定义事件相关推荐

document.createEvent建立自定义事件
document.createEvent用于创建事件,在DOM Level 2 的事件中就有HTMLEvents,MouseEvents,UIEvents事件类型.DOM Level 3增加很多事件类 ...
【JavaScript】- createEvent() 创建自定义事件
document.createEvent 用于创建事件,在DOM Level 2 的事件中就有HTMLEvents,MouseEvents,UIEvents 事件类型.DOM Level 3增加很多事 ...
java 自定义事件_在Java中创建自定义事件
你可能想调查一下观测器模式. 下面是一些让自己开始工作的示例代码:import java.util.*;// An interface to be implemented by everyone in ...
js事件Event对象(自定义事件对象 CustomEvent)
文章目录一.参考二.Event 接口介绍 2.1 事件分类三. 创建过时Event不推荐 3.1 document.createEvent 3.1.1 语法`var event = docume ...
JavaScript 自定义事件、触发事件
1. 自定义事件的基本步骤创建事件. var event = document.createEvent('Event'); 初始化事件[参数:事件类型.事件是否在DOM中冒泡.是否可以用 preve ...
Javascript自定义事件功能与用法实例分析
原文地址:https://www.jb51.net/article/127776.htm 本文实例讲述了javascript自定义事件功能与用法.分享给大家供大家参考,具体如下: 概述自定义事件很难 ...
创建html自定义标签,如何为htm创建自定义标签
您可以按照以下步骤创建自定义html标签: 步骤1-注册一个新元素. 使用document.registerElement()创建自定义元素: var XFoo = document.register ...
Vue（组件间通信：props、自定义事件、全局事件总线、消息订阅与发布）
一.props props不仅可以实现父给子传递信息,还可以进行子给父传递信息 1.父给子传递信息: 父组件中给子组件实例传递信息子组件利用props进行接收组件传递信息(接收方式有三种:数组.对象 ...
google Analytics 自定义事件的设置与获取（埋点）
前提:在使用google统计的时候,需要使用到自定义事件(埋点)上传,让运营进行分析,所以由此做个记录,希望可以帮助到其他人. 总体分析:你先要将sdk放入代码中,再去平台设置相关事件,然后在代码中使 ...

Document.createEvent() 创建自定义事件

注意

Document.createEvent() 创建自定义事件相关推荐

最新文章

热门文章