仅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 中debug方式
Feb 07 Javascript
jquery.validate使用攻略 第五步 正则验证
Jul 01 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
详细聊聊浏览器是如何看闭包的
Nov 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 默默经典版本
2009/08/04 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
Bootstrap缩略图的创建方法
2017/03/22 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
Python元组拆包和具名元组解析实例详解
2018/03/26 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
python实现五子棋小游戏
2020/03/25 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
少儿节目主持串词
2014/04/02 职场文书
艺术节主持词
2014/04/02 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
工作犯错保证书
2015/05/11 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
Java实现学生管理系统(IO版)
2022/02/24 Java/Android
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫