仅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实现表格动态分页实现代码
Jun 21 Javascript
在浏览器中获取当前执行的脚本文件名的代码
Jul 19 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
jquery操作select详解(取值,设置选中)
Feb 07 Javascript
node.js中的require使用详解
Dec 15 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
JS高级运动实例分析
Dec 20 Javascript
node+vue实现用户注册和头像上传的实例代码
Jul 20 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
如何使用less实现随机下雪动画详解
Jan 02 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
php函数重载的替代方法--伪重载详解
2015/05/08 PHP
jQuery 表单验证扩展(三)
2010/10/20 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
Bootstrap实现input控件失去焦点时验证
2016/08/04 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
Python中用Decorator来简化元编程的教程
2015/04/13 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
python3序列化与反序列化用法实例
2015/05/26 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
Python JSON格式数据的提取和保存的实现
2019/03/22 Python
Python configparser模块操作代码实例
2020/06/08 Python
python3获取控制台输入的数据的具体实例
2020/08/16 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
内容编辑个人求职信
2013/12/10 职场文书
军训考核自我鉴定
2014/02/13 职场文书
二手房购房意向书范本
2014/04/01 职场文书
环保建议书200字
2014/05/14 职场文书
企业授权委托书范本
2014/09/22 职场文书
介绍信的格式
2015/01/30 职场文书
董事长岗位职责
2015/02/13 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
小学生教师节广播稿
2015/08/19 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫