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