僅Firefox中鏈接A無法實現(xiàn)模擬點(diǎn)擊以觸發(fā)其默認(rèn)行為
更新時間：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無法實現(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)擊。測試在IE9/Safari/Chrome/Opera中均跳到了mail.sina.com.cn。唯獨(dú)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的默認(rèn)行為?？赡苁荈irefox安全機(jī)制禁止了客戶端程序員模擬A跳轉(zhuǎn)，呃..
注：貘用FF3測試效果同F(xiàn)F5。感謝..
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox5鏈接A無法實現(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)擊。測試在IE9/Safari/Chrome/Opera中均跳到了mail.sina.com.cn。唯獨(dú)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的默認(rèn)行為?？赡苁荈irefox安全機(jī)制禁止了客戶端程序員模擬A跳轉(zhuǎn)，呃..
注：貘用FF3測試效果同F(xiàn)F5。感謝..
相關(guān)文章
js技巧--轉(zhuǎn)義符"\"的妙用...2007-01-01
Bootstrap 4是一次重大更新，幾乎涉及每行代碼，這篇文章為大家分享了Bootstrap 4.0重大更新及亮點(diǎn)詳細(xì)解讀，感興趣的小伙伴們可以參考一下2016-05-05
不是效率的問題 是 內(nèi)存碎片的問題 用數(shù)組速度比“+”要慢 只是內(nèi)存占的少和內(nèi)存碎片少一些，現(xiàn)在根本不推薦用數(shù)組來處理了。2010-12-12
Javascript 解疑，需要的朋友可以參考下。2009-11-11
這篇文章主要介紹了使用fileReader的一個坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-12-12
Javascript面試經(jīng)典套路reduce函數(shù)查重
reduce函數(shù)，是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重，需要的朋友參考下吧2017-03-03
本文主要介紹了前端常見算法的JS實現(xiàn)，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
提到數(shù)據(jù)可視化相信大家都不陌生，它能夠?qū)我坏臄?shù)據(jù)通過合適的可視化圖表類型表現(xiàn)出來，使其更加直觀的展現(xiàn)數(shù)據(jù)的變化趨勢、對比、峰值等等。其實在前端開發(fā)中，數(shù)據(jù)可視化也尤為重要，在眾多圖表庫中，echarts就是最常見的圖表庫之一2022-07-07
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)tab切換的四種方法，并且對每個方法進(jìn)行了評價，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-11-11
詳解基于javascript實現(xiàn)的蘋果系統(tǒng)底部菜單
本篇文章主要對基于javascript實現(xiàn)的蘋果系統(tǒng)底部菜單進(jìn)行了詳細(xì)的分析說明，有助于理解和學(xué)習(xí)編寫蘋果系統(tǒng)底部菜單，相信會對大家有所幫助，下面就跟小編一起來看看吧2016-12-12