仅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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
js控制页面的全屏展示和退出全屏显示的方法
Mar 10 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
May 31 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 Javascript
如何提高Dom访问速度
Jan 05 Javascript
ionic3 懒加载
Aug 16 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
Nov 30 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 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获取数组最大值下标的方法
2015/05/12 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
jquery 注意事项与常用语法小结
2010/06/07 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
js实现表格字段排序
2014/02/19 Javascript
浅谈JavaScript实现面向对象中的类
2014/12/09 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
jQuery 3.0中存在问题及解决办法
2016/07/15 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
Python 爬虫的工具列表大全
2016/01/31 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
Python统计单词出现的次数
2018/04/04 Python
Python 实现微信防撤回功能
2019/04/29 Python
python使用递归的方式建立二叉树
2019/07/03 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
Expedia韩国官网:亚洲发展最快的在线旅游门户网站
2018/02/26 全球购物
Java如何获得ResultSet的总行数
2016/09/03 面试题
顶岗实习接收函
2014/01/09 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
毕业横幅标语
2014/10/08 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
医院党建工作总结2015
2015/05/26 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
MySQL sql模式设置引起的问题
2022/05/15 MySQL