js事件传递

最新推荐文章于 2024-04-22 17:54:08 发布

都旭宝

最新推荐文章于 2024-04-22 17:54:08 发布

阅读量200

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/douxubao/article/details/109531541

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

var evt = document.createEvent("MouseEvents"); 
evt.initEvent("click", true, true); //注册事件
document.getElementById("hello").dispatchEvent(evt); //触发dom元素事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>helloworld</title>
	</head>
	<body>
		<div > hello world</div>
		<input id="world" type="button" value="hello world" οnclick="world();"/>
		<input id="hello" type="button" value="hello HBuilder" οnclick="alert('hello HBuilder');"/>
		<script type="text/javascript">
			function world(){
				alert('hello world');
				var evt = document.createEvent("MouseEvents"); 
					evt.initEvent("click", true, true); 
					document.getElementById("hello").dispatchEvent(evt); 
			}
		</script>
	</body>
</html>