我们在日常的开发中,经常会用到,当我点击一个按钮的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