在實際的應用開發中，我們會常常用到JS的模事件，但有時會遇到一些問題，比如說點擊事件，舉個簡單的例子，點擊表單外的“提交”按鈕來提交表單。上代碼吧。

Html:

復制代碼 代碼如下:

<h3>請單擊“提交”，測試提交按鈕的單擊事件也被觸發了。</h3>
<button>提交</button>
<form action="#" method="get">
<input type="text" value="www.woiweb.net" readonly/>
<input type="submit" value="先別點擊此按鈕提交"/>
</form>

復制代碼 代碼如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
sub.click();
}
</script>

復制代碼 代碼如下:

<h3>請單擊“提交”，測試提交按鈕的單擊事件也被觸發了。</h3>
<button>提交</button>
<form action="#" method="get">
<input type="text" value="www.woiweb.net" readonly/>
<!--<input type="submit" value="先別點擊此按鈕提交"/> -->
<a href="javascript:;">模擬提交按鈕</a>
</form>

復制代碼 代碼如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
sub.click();
}
</script>

復制代碼 代碼如下:

<script type="text/javascript">
var sub = document.getElementById("subbtn");
var btn = document.getElementById("btn");
//通用方法
btn.onclick = function() {
//sub.click();
if (/msie/i.test(navigator.userAgent)) //IE
{
sub.fireEvent("onclick");
} else {
var e = document.createEvent('MouseEvent');
e.initEvent('click', false, false);
sub.dispatchEvent(e);
}
}
</script>