纯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   进行反馈,共同学习!

时间: 2024-10-31 10:05:40

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

Jquery on方法绑定事件后执行多次的实现方法_jquery

这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on('click',function(){}) ,然而使用on方法的时候就发现,on 对同一个元素多次绑定同一个事件的时候,这个事件就会执行多次. 下面给出这种情况的实例: $(function(){ $(".add").click(function(eve){ $(".btn-area").append("

JS实现点击文字对应DIV层不停闪动效果的方法

 这篇文章主要介绍了JS实现点击文字对应DIV层不停闪动效果的方法,实例分析了javascript操作div层的效果,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法.分享给大家供大家参考.具体分析如下: 在很多娱乐网站我们经常看到这种效果,点击网页中某个方块中的文字,然后整个方块就不停的闪动起来,很不错的一个动态效果,容易引起顾客的注意,这个代码就是实现了这个效果,点击某个方块后,方块就会闪动   代码如下: <!DOC

JS实现点击文字对应DIV层不停闪动效果的方法_javascript技巧

本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法.分享给大家供大家参考.具体分析如下: 在很多娱乐网站我们经常看到这种效果,点击网页中某个方块中的文字,然后整个方块就不停的闪动起来,很不错的一个动态效果,容易引起顾客的注意,这个代码就是实现了这个效果,点击某个方块后,方块就会闪动 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

weboffice添加实现一个按钮并触发这个按钮事件

问题描述 weboffice添加实现一个按钮并触发这个按钮事件 大家好,我在使用weboffice时候,新添加了一个上传文件的按钮,但是点击这个按钮后,出现了以下提示: 请问要如何触发这个事件,谢谢 解决方案 源代码全文搜索"32779新加按钮触发的事件可在这里写自己的功能",然后就能找到写代码的地方了.

图片加载-怎么在一个对话框中单击一个按钮后在另一个对话框中的picture控件中显示一张bmp格式的图片

问题描述 怎么在一个对话框中单击一个按钮后在另一个对话框中的picture控件中显示一张bmp格式的图片 我是大一学生,在用mfc做一个员工管理系统,要求在一个对话框的list control 控件中选择一条员工信息,点击一下"显示全部信息"按钮后,弹出一个对话框,这个对话框上的picture控件能显示这个人对应的照片.这个人对应的照片我放在资源文件夹下面.其他我都会,就是照片显示这方面我不知道应该怎么做?各位大神求指教. 解决方案 一个对话框调用另一个对话框的控件值 解决方案二: h

JS实现点击颜色块切换指定区域背景颜色的方法

 这篇文章主要介绍了JS实现点击颜色块切换指定区域背景颜色的方法,涉及javascript操作cookie及背景色的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS实现点击颜色块切换指定区域背景颜色的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <head> <title>JS实现点击颜色块切换指定区域的背景颜色</title> </head> <body> <div

iphone-弹出一个view后再推出一个view

问题描述 iphone-弹出一个view后再推出一个view 有一个在导航推的view,我在button中加了下面代码: [self.navigationController popViewControllerAnimated:YES]; FreeStuffViewController * freeStuffVC=[[FreeStuffViewController alloc]initWithNibName:@"FreeStuffViewController" bundle:nil];

JS实现点击颜色块切换指定区域背景颜色的方法_javascript技巧

本文实例讲述了JS实现点击颜色块切换指定区域背景颜色的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS实现点击颜色块切换指定区域的背景颜色</title> </head> <body> <div align="center"> <table bgcolor=#F8F8F8 border="0" width=&q

c#在一个窗口用timer事件怎么触发另一个窗口的enable属性

问题描述 c#在一个窗口用timer事件怎么触发另一个窗口的enable属性 form1窗口里 private void timer1_Tick(object sender, EventArgs e) { DateTime timeend = Convert.ToDateTime(textBox2.Text);//设置结束时间 textBox1.Text = dt.GetDateTimeFormats('M')[0].ToString();//设置当前时间 string timeday = Da

JS实现仿中关村论坛评分后弹出提示效果的方法

本文实例讲述了JS实现仿中关村论坛评分后弹出提示效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"