仅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 相关文章推荐
学习ExtJS TextField常用方法
Oct 07 Javascript
js 采用delete实现继承示例代码
May 20 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
Node.js实现文件上传
Jul 05 Javascript
jQuery中ScrollTo用法示例
Sep 04 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
Angular 4 指令快速入门教程
Jun 07 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
Vue实现剪贴板复制功能
Dec 31 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 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
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
PHP 实现explort() 功能的详解
2013/06/20 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
javascript中Object使用详解
2015/01/26 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
JS实现小星星特效
2019/12/24 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
win7下python3.6安装配置方法图文教程
2018/07/31 Python
python tkinter界面居中显示的方法
2018/10/11 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
Django 限制访问频率的思路详解
2019/12/24 Python
pytorch加载语音类自定义数据集的方法教程
2020/11/10 Python
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
外企测试工程师面试题
2015/02/01 面试题
出纳岗位职责范本
2013/12/01 职场文书
留学推荐信中文范文三篇
2014/01/25 职场文书
装饰活动策划方案
2014/02/11 职场文书
村级四风对照检查材料
2014/08/24 职场文书
2015年党总支工作总结
2015/05/25 职场文书
vue实现简易音乐播放器
2022/08/14 Vue.js