僅Firefox中鏈接A無法實(shí)現(xiàn)模擬點(diǎn)擊以觸發(fā)其默認(rèn)行為
更新時(shí)間：2011年07月31日 22:00:43 作者：
偶然發(fā)現(xiàn)之前寫的事件模塊在Firefox5中無法觸發(fā)A的默認(rèn)行為了。IE/Opera/Firefox5中A具有click方法，因此模擬點(diǎn)擊直接調(diào)用click方法即可。
而標(biāo)準(zhǔn)的事件觸發(fā)可以使用dispatchEvent方法。但現(xiàn)在FF5無法觸發(fā)了A的默認(rèn)行為了。如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox5鏈接A無法實(shí)現(xiàn)模擬點(diǎn)擊bug</title>
</head>
<body>
<a id="a1" >新浪郵箱</a>
</body>
<script type="text/javascript">
function dispatch(el, type){
try{
var evt = document.createEvent('Event');
evt.initEvent(type,true,true);
el.dispatchEvent(evt);
}catch(e){alert(e)};
}
var a1 = document.getElementById('a1');
dispatch(a1, 'click');
</script>
</html>
鏈接A，使用dispatchEvent模擬點(diǎn)擊。測(cè)試在IE9/Safari/Chrome/Opera中均跳到了mail.sina.com.cn。唯獨(dú)Firefox5沒有跳過去。
由于Firefox5中給所有元素都添加了click方法（Firefox3沒有），因此用click方法測(cè)試下
<a id="a1" >新浪郵箱</a>
<script>
var a1 = document.getElementById('a1');
a1.click();
</script>
測(cè)試還是沒有跳到mail.sina.com.cn。
可見 Firefox中兩種方式都不能使其觸發(fā)鏈接A的默認(rèn)行為?？赡苁荈irefox安全機(jī)制禁止了客戶端程序員模擬A跳轉(zhuǎn)，呃..
注：貘用FF3測(cè)試效果同F(xiàn)F5。感謝..
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox5鏈接A無法實(shí)現(xiàn)模擬點(diǎn)擊bug</title>
</head>
<body>
<a id="a1" >新浪郵箱</a>
</body>
<script type="text/javascript">
function dispatch(el, type){
try{
var evt = document.createEvent('Event');
evt.initEvent(type,true,true);
el.dispatchEvent(evt);
}catch(e){alert(e)};
}
var a1 = document.getElementById('a1');
dispatch(a1, 'click');
</script>
</html>
鏈接A，使用dispatchEvent模擬點(diǎn)擊。測(cè)試在IE9/Safari/Chrome/Opera中均跳到了mail.sina.com.cn。唯獨(dú)Firefox5沒有跳過去。
由于Firefox5中給所有元素都添加了click方法（Firefox3沒有），因此用click方法測(cè)試下
復(fù)制代碼 代碼如下:
<a id="a1" >新浪郵箱</a>
<script>
var a1 = document.getElementById('a1');
a1.click();
</script>
測(cè)試還是沒有跳到mail.sina.com.cn。
可見 Firefox中兩種方式都不能使其觸發(fā)鏈接A的默認(rèn)行為?？赡苁荈irefox安全機(jī)制禁止了客戶端程序員模擬A跳轉(zhuǎn)，呃..
注：貘用FF3測(cè)試效果同F(xiàn)F5。感謝..
相關(guān)文章
兩個(gè)JavaScript jsFiddle JSBin在線調(diào)試器
這兩個(gè)工具都是剛誕生不久，都還在不斷完善中，雖然目前jsFiddle要優(yōu)于JS Bin，但是我還是更看好后者2010-03-03
這篇文章主要內(nèi)容是對(duì)js生成隨機(jī)數(shù)方法的實(shí)例匯總，js生成隨機(jī)數(shù)主要用到了內(nèi)置的Math對(duì)象的random()方法，需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單手風(fēng)琴效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
原生JS實(shí)現(xiàn)鼠標(biāo)滑動(dòng)撒愛心特效
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)鼠標(biāo)滑動(dòng)撒愛心特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
TypeScript中的映射類型和數(shù)學(xué)中的映射類似,能夠?qū)⒁粋€(gè)集合的元素轉(zhuǎn)換為新集合的元素,本文就來介紹一下TypeScript中類型映射的使用,感興趣的可以了解一下2023-10-10
這篇文章主要為大家詳細(xì)介紹了如何實(shí)現(xiàn)有趣的bootstrap走動(dòng)進(jìn)度條,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
在WEB開發(fā)中，許多開發(fā)者都比較喜歡使用javascript來獲取當(dāng)前url網(wǎng)址，本文就此為大家總結(jié)一下比較常用獲取URL的javascript實(shí)現(xiàn)代碼2015-06-06
Bootstrap 實(shí)現(xiàn)查詢的完美方法
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。這篇文章主要介紹了Bootstrap 實(shí)現(xiàn)查詢的完美方法,需要的朋友可以參考下2016-10-10
js實(shí)現(xiàn)class樣式的修改、添加及刪除的方法
這篇文章主要介紹了js實(shí)現(xiàn)class樣式的修改、添加及刪除的方法,主要通過修改標(biāo)簽的className來實(shí)現(xiàn)這一功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
JS判斷是否手機(jī)或pad訪問實(shí)現(xiàn)方法
這篇文章主要介紹了JS判斷是否手機(jī)或pad訪問實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2016-12-12