专栏首页业余草纯js实现点击一个事件后,触发另外一个事件的方法

纯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>

好吧,看看运行效果。

欢迎大家关注我的个人博客!!!!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 高性能日志采集工具 logpipe 简单介绍

    在集群化环境里,日志采集是重要基础设施。本文结合最新的 1.0.9 版,对 logpipe 做一个简单的介绍。开源主流解决方案是基于 flume-ng,但在实际...

    Debian社区
  • WebAssembly时代 Rust也想成为Web语言

    目前 Mozilla 正在基于 WebAssembly 可移植代码格式研发 JavaScript 和 Rust 之间的桥梁——wasm-bindgen,意义是提...

    Debian社区
  • 前端入门17-JavaScript进阶之作用域声明正文-作用域

    作为一个前端小白,入门跟着这几个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。

    请叫我大苏
  • 使用 cURL 对Web请求进行性能测试

    在做 Web 开发的时候,经常需要对 Web Page 或者 REST-ful API 做简单的 Benchmark。本文将介绍如何使用 cURL 进行简单快速...

    Debian社区
  • 前端入门16-JavaScript进阶之EC和VO声明正文-执行上下文EC和变量对象VO

    作为一个前端小白,入门跟着这几个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。

    请叫我大苏
  • 如何在 Debian服务器 上启用双因子身份验证

    双因子身份验证就是指,需要两种身份验证才能完成账号有效性的验证,可以是密码、SSH 密钥,也可以是第三方服务,比如 Google Authenticator。这...

    Debian社区
  • 基于Inception & Yearning做SQL审核的实践

    SQL审核是保证数据库 DDL 和 DML 安全使用、SQL变更可追溯、降低线上数据事故概率的重要手段。去哪儿网开源的 Inception 工具有较大的使用基础...

    Debian社区
  • 如何在 Nginx 中配置 gRPC 的代理

    Nginx 在 1.13.10 中,新增了对gRPC的原生支持,Nginx 1.14.0 主线版已经发布。本文将介绍,如何配置 Nginx 中的 gRPC 服务...

    Debian社区
  • 十个增加 Linux Shell 脚本趣味的小工具

    很多人误以为shell脚本只能在命令行下使用。其实shell也可以调用一些GUI组件,例如菜单,警告框,进度条等等。你可以控制最终的输出,光标位置还有各种输出效...

    Debian社区
  • 前端入门15-JavaScript进阶之原型链声明正文-原型链

    作为一个前端小白,入门跟着这几个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。

    请叫我大苏

扫码关注云+社区

领取腾讯云代金券