各浏览器对click方法的支持差异小结


Posted in Javascript onJuly 31, 2011

如下

IE6/7/8/9/Opera12/Firefox5 Safari5/Chrome12
INPUT[type=text] INPUT[type=password] INPUT[type=radio] INPUT[type=checkbox] INPUT[type=button] INPUT[type=submit] INPUT[type=image] INPUT[type=hidden] INPUT[type=reset] INPUT[type=submit] INPUT[type=file]1 BUTTON[type=button] 支持 支持
other 支持 不支持

即Safari/Chrome没有完全支持click方法。click方法写进了HTML5草案,相信不久的将来Safari/Chrome也会支持。

需要注意的Firefox5之前的版本并不是所有元素都支持click方法,从w3help当时测试结果即可看出。

Mozilla官方也有以下一段话

Prior to Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2), Gecko didn't implement the click method on other elements that might be expected to respond to mouse?clicks such as links (A elements), nor will it necessarily fire the click event of other elements. However, now it is supported by all elements, as required by HTML5.  

虽然Firefox5现在对所有元素都添加了click方法,仍需注意它的click方法触发不了A的默认行为。IE/Opera却可以。

Javascript 相关文章推荐
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
Mar 18 Javascript
javascript简单实现类似QQ头像弹出效果的方法
Aug 03 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
微信小程序 实现动态显示和隐藏某个控件
Apr 27 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
Webpack的dll功能使用
Jun 28 Javascript
浅谈Vue.js路由管理器 Vue Router
Aug 16 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
关于JSON解析的实现过程解析
Oct 08 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
react合成事件与原生事件的相关理解
May 13 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 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
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 #Javascript
You might like
利用PHP创建动态图像
2006/10/09 PHP
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
Bootstrap每天必学之级联下拉菜单
2016/03/27 Javascript
BootStrap便签页的简单应用
2017/01/06 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
vue中添加mp3音频文件的方法
2018/03/02 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
JS实现自定义弹窗功能
2018/08/08 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
Python实现数据库编程方法详解
2015/06/09 Python
python简单分割文件的方法
2015/07/30 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
Sublime开发python程序的示例代码
2018/01/24 Python
详解python列表生成式和列表生成式器区别
2019/03/27 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
python打包exe开机自动启动的实例(windows)
2019/06/28 Python
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
警察群众路线整改措施
2014/09/26 职场文书