仅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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
ExtJS 设置级联菜单的默认值
Jun 13 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
详解node Async/Await 更好的异步编程解决方案
May 10 Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
微信小程序自定义扫码功能界面的实现代码
Jul 02 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 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
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
Extjs学习笔记之四 工具栏和菜单
2010/01/07 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
详解JavaScript对象和数组
2015/12/03 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
JS优化与惰性载入函数实例分析
2017/04/06 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
Python os.access()用法实例
2019/02/18 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
PyCharm 配置远程python解释器和在本地修改服务器代码
2019/07/23 Python
Python3常用内置方法代码实例
2019/11/18 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
自学考试自我鉴定范文
2013/09/26 职场文书
车间班组长岗位职责
2013/11/13 职场文书
档案接收函
2014/01/13 职场文书
演讲稿格式范文
2014/05/19 职场文书
环保标语口号
2014/06/13 职场文书
给老师的感谢信
2015/01/20 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
投资入股协议书
2016/03/22 职场文书
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python