仅Firefox中链接A无法实现模拟点击以触发其默认行为


Posted in Javascript onJuly 31, 2011

而标准的事件触发可以使用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。感谢..
Javascript 相关文章推荐
js调用flash的效果代码
Apr 26 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
jQuery获取元素父节点的方法
Jun 21 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
微信小程序  modal弹框组件详解
Oct 27 Javascript
JavaScript中绑定事件的三种方式及去除绑定
Nov 05 Javascript
几行js代码实现自适应
Feb 24 Javascript
js获取浏览器的各种属性
Apr 27 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
Aug 28 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 Javascript
各浏览器对click方法的支持差异小结
Jul 31 #Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 #Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
Jul 31 #Javascript
javascript中length属性的探索
Jul 31 #Javascript
javascript string字符串优化问题
Jul 31 #Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 #Javascript
基于JQuery 的消息提示框效果代码
Jul 31 #Javascript
You might like
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
PHP 存取 MySQL 数据库的一个例子
2006/10/09 PHP
PHP一些常用的正则表达式字符的一些转换
2008/07/29 PHP
PHP判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
js获取图片长和宽度的代码
2009/11/24 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
2013/03/25 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
JS自定义对象实现Java中Map对象功能的方法
2015/01/20 Javascript
jquery实现用户信息修改验证输入方法汇总
2015/07/18 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
js选择器全面解析
2016/06/27 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
微信小程序实现多选框全选与取消全选功能示例
2019/05/14 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
[15:15]教你分分钟做大人:狙击手
2014/10/30 DOTA
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
python单链表实现代码实例
2013/11/21 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
Python算法的时间复杂度和空间复杂度(实例解析)
2019/11/19 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
sklearn+python:线性回归案例
2020/02/24 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
销售人员求职信
2014/07/22 职场文书
老干部工作先进事迹
2014/08/17 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
三方合作意向书范本
2015/05/09 职场文书
看上去很美观后感
2015/06/10 职场文书
决心书格式范文
2015/09/23 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
Java基于字符界面的简易收银台
2021/06/26 Java/Android
最新最全的手机号验证正则表达式
2022/02/24 Javascript