纯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>好吧，看看运行效果。
欢迎大家关注我的个人博客！！！！
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2014年07月31日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读