javascript给元素定义自定义事件(非html原生事件)

最新推荐文章于 2022-10-22 00:31:20 发布

Money?Yes

最新推荐文章于 2022-10-22 00:31:20 发布

阅读量464

点赞数

分类专栏： JavaScript 文章标签： JavaScript html

本文链接：https://blog.csdn.net/makinglove0231/article/details/38709885

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

废话不多说，直接上代码。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<script type="text/javascript" >
var el = null;
var evt = null;
window.onload = function(){
	el  = document.getElementById("log");
 	el.addEventListener("myevent", function(){
 		document.getElementById("log").innerHTML = new Date();
 	}, false);
	// 创建
	evt = document.createEvent("HTMLEvents");
	// 初始化
	evt.initEvent("myevent", false, false);
}
function trigger(){
	// 触发事件，显示当前事件
	el.dispatchEvent(evt);
}
</script>

</head>
<body>
<div id='log' style='z-index: 1000; width: 300px; height: 60px; top: 200px; left: margin: auto; border: 1px red solid;'></div>
<input type="button" value="点我触发DIV自定义myevent事件" οnclick="trigger()">
</body>
</html>

运行效果如下：

Money?Yes

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript给元素定义自定义事件(非html原生事件)

废话不多说，直接上代码。var el = null;var evt = null;window.onload = function(){ el = document.getElementById("log"); el.addEventListener("myevent", function(){ document.getElementById("log").inne
复制链接

扫一扫