JavaScript 触发click事件 兼容FireFox，IE 和 Chrome

解决了火狐下无法触发click事件的问题

 

<script language="javascript">
	function test2(name)
	{
		if(document.all)
		{
			document.getElementById(name).click();
		}
		else
		{
			var evt = document.createEvent("MouseEvents");
			evt.initEvent("click", true, true);
			document.getElementById(name).dispatchEvent(evt);
		}
	}
</script>

<a href="#" id="a3" onclick="location.href = 'http://www.baidu.com';">baidu</a>
<input type="button" value="clck" onclick="test2('a3');"/>

 

 

 

 

 

 

 

 

 

 

 

 

评论

2 楼 天梯梦 2010-07-20  

我写上面的代码初衷是想在不使用第三方框架的前提下达到点击一个超链接而提交表单的效果。 其实您的建议完全可以使用第三方框架来实现。 比如说jquery，它本身是有验证浏览器的功能，其实上面的代码也不过只是验证了一下浏览器而已。

<script src="http://code.jquery.com/jquery-latest.js"></script>  
<script language="javascript">

	$(function(){

		var url = $('#a3').attr('href'); 
		$('input[value=click]').click(function(){  alert(url); location =  url; })

	})

</script>

<a href="http://www.google.com" id="a3" onclick="">baidu</a>

<input type="button" value="click" />

1 楼 garyt 2010-07-20  

如果a元素有href属性，在FireFox中，不会跳转到指定的url。

但在IE中，使用a.click()，不仅会触发a的onclick事件，而且还会跳转url。

在FireFox中有办法达到跟IE一样的效果吗？