快捷導(dǎo)航

Javascript 模擬點擊事件(點擊鏈接與html點擊) 兼容IE/Firefox

更新時間：2010年01月02日 03:07:20 作者：

Javascript 模擬點擊事件,一般情況下ie支持的，firefox并不支持。所以可以通過下面的方法解決。

一把情況下模擬點擊一般兩個方面，模擬點擊超級連接事件
firefox的兼容的函數(shù)為
對HTMLAnchorElement 加入onclick事件

try { 
// create a element so that HTMLAnchorElement is accessible 
document.createElement('a'); 
HTMLElement.prototype.click = function () { 
if (typeof this.onclick == 'function') { 
if (this.onclick({type: 'click'}) && this.href) 
window.open(this.href, this.target? this.target : '_self'); 
} 
else if (this.href) 
window.open(this.href, this.target? this.target : '_self'); 
}; 
} 
catch (e) { 
// alert('click method for HTMLAnchorElement couldn\'t be added'); 
} 

下面是具體的應(yīng)用

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

如果是普通的html添加點擊
這一段使得FireFox的HTMLElement具有click方法（add click method to HTMLElement in Mozilla）

復(fù)制代碼代碼如下:

try { 
// create span element so that HTMLElement is accessible 
document.createElement('span'); 
HTMLElement.prototype.click = function () { 
if (typeof this.onclick == 'function') 
this.onclick({type: 'click'}); 
}; 
} 
catch (e) { 
// alert('click method for HTMLElement couldn\'t be added'); 
} 

下面是網(wǎng)友的其它相關(guān)文章也可以參考下。
最近做東西發(fā)現(xiàn)用戶在網(wǎng)頁輸入框里面按回車的行為是不固定的。。。
特別是在網(wǎng)頁有多個表單的時候
于是搜了一把找了一個模擬點擊的js，經(jīng)測試能在firefox和ie上運(yùn)行

復(fù)制代碼代碼如下:

 
function doClick(linkId, e){ 
if(e.keyCode != 13){ 
return; 
} 
var fireOnThis = document.getElementById(linkId) 
if (document.createEvent) 
{ 
var evObj = document.createEvent('MouseEvents') 
evObj.initEvent( 'click', true, false ) 
fireOnThis.dispatchEvent(evObj) 
} 
else if (document.createEventObject) 
{ 
fireOnThis.fireEvent('onclick') 
} 
} 

其中e是event，內(nèi)置對象，linkId是模擬被點擊的對象id
比如<INPUT id="test" onkeypress="doClick("buttonId", event)">
這樣的話就能讓用戶按回車來提交表單了～
opera可以再改一下

復(fù)制代碼代碼如下:

 
<img id="a" src="/a.jpg" onclick="alert('a');"/><div onclick="clickObj('a')">click me</div> 
<script language="javascript"> 
<!-- 
function clickObj(o){ 
var o = document.getElementById(o); 
if( document.all && typeof( document.all ) == "object" ) //IE 
{ 
o.fireEvent("onclick"); 
} 
else 
{ 
var e = document.createEvent('MouseEvent'); 
e.initEvent('click',false,false); 
o.dispatchEvent(e); 
} 
} 
//--> 
</script> 