仅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控制框架刷新
Aug 01 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
浅谈setTimeout 与 setInterval
Jun 23 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 Javascript
深入理解javascript中的this
Feb 08 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 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
解析csv数据导入mysql的方法
2013/07/01 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
2011/02/23 Javascript
js string 转 int 注意的问题小结
2013/08/15 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
2018/08/20 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
2020/04/15 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
Python open()文件处理使用介绍
2014/11/30 Python
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
使用OpenCV获取图像某点的颜色值,并设置某点的颜色
2020/06/02 Python
python利用os模块编写文件复制功能——copy()函数用法
2020/07/13 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
英国办公用品商店:Office Outlet
2018/04/04 全球购物
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
《毛主席在花山》教学反思
2014/04/20 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
只用Python就可以制作的简单词云
2021/06/07 Python
SQL CASE 表达式的具体使用
2022/03/21 SQL Server