仅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 获取和设置Select选项的代码
Feb 07 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
Firebug入门指南(Firefox浏览器)
Aug 21 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
Dec 21 Javascript
jQuery中;function($,undefined) 前面的分号的用处
Dec 17 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
Jan 30 Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
vue组件开发之slider组件使用详解
Aug 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
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
js不是基础的基础
2006/12/24 Javascript
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
js 居中漂浮广告
2010/03/21 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
js点击按钮实现带遮罩层的弹出视频效果
2015/12/19 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
python 美化输出信息的实例
2018/10/15 Python
详解Python locals()的陷阱
2019/03/26 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
2015年幼师工作总结
2015/04/28 职场文书
致三级跳运动员加油稿
2015/07/21 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
CSS 圆形进度栏
2021/04/06 HTML / CSS
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android
python playwright之元素定位示例详解
2022/07/23 Python