387
技術社區[雲棲]
純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 type="button" value="hello world" />
<input type="button" value="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 進行反饋，共同學習！
最後更新：2017-04-03 05:39:38