<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button type="button" name="button" class="test" id="btn1">Event方式自定义事件</button>
<button type="button" name="button" class="test" id="btn2">CustomEvent方式自定义事件</button>
<button type="button" name="button" class="test" id="btn3">兼容IE的自定义事件</button>
</body>
<script>
方式一：浏览器都兼容的性质，但是目前官网不建议用；
var button3 = document.getElementById('btn3');
var create = document.createEvent('Event');
create.initEvent('create',false, false);
document.addEventListener('create',function (e) {
alert('兼容IE的自定义事件顺利触发')
});
button3
js自定义事件的三种方式
最新推荐文章于 2022-03-26 19:09:56 发布
本文介绍了JavaScript中创建自定义事件的三种方式：Event方式、CustomEvent方式以及兼容IE的自定义事件。通过示例代码展示了如何为按钮添加自定义事件监听和触发，以实现不同类型的事件处理。
最低0.47元/天 解锁文章
554
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
