纯js实现点击一个事件后,触发另外一个事件的方法

简介: 我们在日常的开发中,经常会用到,当我点击一个按钮的click事件后,我想触发另一个按钮的click事件。<br> 这时我们该怎么做呢。用过ext的人都知道,frieEvent方法。但是在使用手机开发的时候,ext对我们的作用就不是很大了。<br> 虽然ext5.0出来了,对手机又支持的功能需求。但是你会为了一个很小的功能,去加载整个庞大的ext.js吗。就算你会使用,你的客户会买账吗。
我们在日常的开发中,经常会用到,当我点击一个按钮的click事件后,我想触发另一个按钮的click事件。
这时我们该怎么做呢。用过ext的人都知道,frieEvent方法。但是在使用手机开发的时候,ext对我们的作用就不是很大了。
虽然ext5.0出来了,对手机又支持的功能需求。但是你会为了一个很小的功能,去加载整个庞大的ext.js吗。就算你会使用,你的客户会买账吗。
并不一定会吧,因为你的网站加载速度慢,浪费流量,早就被对手取代了吧。
好吧,我们就废话少说,看看纯js是怎么实现的。看代码:
<!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" onclick="world();"/>
		<input id="hello" type="button" value="hello HBuilder" onclick="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>

好吧,看看运行效果。


欢迎大家关注我的个人博客!!!!
如有不懂,疑问或者欠妥的地方,请加QQ群:135430763   进行反馈,共同学习!

目录
相关文章
|
12天前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
12天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
14天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
16 0
|
12天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
5天前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
js 垃圾回收机制的方法
|
6天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
7天前
|
JavaScript 前端开发
js绑定事件的方法
js绑定事件的方法
20 11
|
7天前
|
JavaScript
JS生成uuid的四种方法
JS生成uuid的四种方法
9 0
|
7天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
12 0
|
15天前
|
JavaScript
js生成二维码点击可放大
js生成二维码点击可放大