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

来源：互联网发布：nginx 配置php 编辑：程序博客网时间：2024/06/06 01:33

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

<!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事件" onclick="trigger()"></body></html>

运行效果如下：

0 0