仅Firefox中链接A无法实现模拟点击以触发其默认行为
更新时间：2011年07月31日 22:00:43 作者：
偶然发现之前写的事件模块在Firefox5中无法触发A的默认行为了。IE/Opera/Firefox5中A具有click方法，因此模拟点击直接调用click方法即可。
而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox5链接A无法实现模拟点击bug</title>
</head>
<body>
<a id="a1" href="http://mail.sina.com.cn">新浪邮箱</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" href="http://mail.sina.com.cn">新浪邮箱</a>
<script>
var a1 = document.getElementById('a1');
a1.click();
</script>
测试还是没有跳到mail.sina.com.cn。
可见 Firefox中两种方式都不能使其触发链接A的默认行为。可能是Firefox安全机制禁止了客户端程序员模拟A跳转，呃..
注：貘用FF3测试效果同FF5。感谢..
复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox5链接A无法实现模拟点击bug</title>
</head>
<body>
<a id="a1" href="http://mail.sina.com.cn">新浪邮箱</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" href="http://mail.sina.com.cn">新浪邮箱</a>
<script>
var a1 = document.getElementById('a1');
a1.click();
</script>
测试还是没有跳到mail.sina.com.cn。
可见 Firefox中两种方式都不能使其触发链接A的默认行为。可能是Firefox安全机制禁止了客户端程序员模拟A跳转，呃..
注：貘用FF3测试效果同FF5。感谢..
相关文章
两个JavaScript jsFiddle JSBin在线调试器
这两个工具都是刚诞生不久，都还在不断完善中，虽然目前jsFiddle要优于JS Bin，但是我还是更看好后者2010-03-03
这篇文章主要内容是对js生成随机数方法的实例汇总，js生成随机数主要用到了内置的Math对象的random()方法，需要的朋友可以参考下2015-10-10
这篇文章主要为大家详细介绍了js实现简单手风琴效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家详细介绍了原生JS实现鼠标滑动撒爱心特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
TypeScript中的映射类型和数学中的映射类似,能够将一个集合的元素转换为新集合的元素,本文就来介绍一下TypeScript中类型映射的使用,感兴趣的可以了解一下2023-10-10
这篇文章主要为大家详细介绍了如何实现有趣的bootstrap走动进度条,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
在WEB开发中，许多开发者都比较喜欢使用javascript来获取当前url网址，本文就此为大家总结一下比较常用获取URL的javascript实现代码2015-06-06
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。这篇文章主要介绍了Bootstrap 实现查询的完美方法,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了js实现class样式的修改、添加及删除的方法,主要通过修改标签的className来实现这一功能,非常具有实用价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JS判断是否手机或pad访问实现方法的相关资料,需要的朋友可以参考下2016-12-12
最新评论