純js實現點選一個事件後，觸發另外一個事件的方法

業餘草發表於2014-07-31
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   進行反饋，共同學習！

相關文章