html 自定义js,js自定义事件.html

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

js 自定义事件

click

window.onload = function () {

// 方法一

document.addEventListener('zyn', function () {

console.log('自定义事件被触发了');

});

// 创建

const evt = document.createEvent('HTMLEvents'); // HTMLEvents MouseEvents UIEvents

// 初始化

evt.initEvent('zyn', false, false);

// 触发

document.dispatchEvent(evt);

// 方法二

document.querySelector('#kw').addEventListener('zyn1', function () {

console.log('自定义事件被触发了');

});

/**

* @createEvent

* @param {type}

* @type {"MouseEvents", "MutationEvents", "HTMLEvents"}

* @link https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createEvent

*/

const evt1 = document.createEvent('HTMLEvents'); // HTMLEvents MouseEvents UIEvents

// 初始化

/**

* @event initEvent

* @param {eventType,canBubble,cancelable}

* @eventType 字符串值。事件的类型

* @canBubble 事件是否起泡

* @cancelable 是否可以用 preventDefault() 方法取消事件。

*/

evt1.initEvent('zyn1', false, false);

/**

* @dispatchEvent

* @param {evt}

* @evt 必需。要分派的 Event 对象。

*/

document.querySelector('#kw').dispatchEvent(evt);

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史