仅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 相关文章推荐
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
js wmp操作代码小结(音乐连播功能)
Nov 08 Javascript
javascript 自定义事件初探
Aug 21 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
Oct 09 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
Oct 09 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 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
将二维数组转为一维数组的2种方法
2014/05/26 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
基于PHP实现栈数据结构和括号匹配算法示例
2017/08/10 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
javascript new 需不需要继续使用
2009/07/02 Javascript
Javascript面向对象之四 继承
2011/02/08 Javascript
在javascript中关于节点内容加强
2013/04/11 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
Javascript闭包用法实例分析
2015/01/23 Javascript
jQuery实现的五子棋游戏实例
2015/06/13 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
JS实现淡入淡出图片效果的方法分析
2016/12/20 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
2018/05/16 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
node.js基础知识汇总
2020/08/25 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
2021/02/20 Vue.js
Python遍历pandas数据方法总结
2018/02/09 Python
微信小程序python用户认证的实现
2019/07/29 Python
python 进程的几种创建方式详解
2019/08/29 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
新闻专业推荐信范文
2013/11/20 职场文书
大学生村官心得体会范文
2014/01/04 职场文书
幼儿园中班新学期寄语
2014/01/18 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers