`
zhouyrt
  • 浏览: 1159336 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 
阅读更多

click方法可以用来模拟用户点击。有的浏览器中所有元素都具有click方法,有的浏览器则没有。如下

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却可以。

 

相关:

测试用例  

http://w3help.org/zh-cn/causes/SD9025  

https://developer.mozilla.org/en/DOM/element.click  

http://msdn.microsoft.com/en-us/library/ms536363(VS.85).aspx

 

分享到:
评论

相关推荐

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

    总的来说,理解不同浏览器对`click`方法的支持差异是前端开发中的一个重要环节,它可以帮助我们编写出更加健壮和兼容的代码。随着HTML5的普及和浏览器的不断更新,这种差异会逐渐减小,但为了保证应用的广泛可用性,...

    事件模型在各浏览器中存在差异

    但各个浏览器对某些特定事件属性或方法的支持可能存在差异。例如,`event.preventDefault()`在某些早期浏览器中可能不完全符合标准,或者某些自定义事件的属性和方法可能只有部分浏览器支持。 因此,了解和掌握不同...

    js中各浏览器中鼠标按键值的差异.docx

    ### JavaScript 中各浏览器鼠标按键值差异详解 #### 一、引言 在Web开发中,处理用户交互是一项基本而重要的任务。其中,鼠标事件是非常常见的一类交互方式。不同的浏览器对于鼠标事件的处理存在一定的差异性,...

    兼容各浏览器的复制内容到剪切板

    【标题】:“兼容各浏览器的复制内容到剪切板” 【描述】:这篇博客主要探讨的是如何实现一个在各种浏览器中都能正常工作的复制内容到剪贴板的功能。在Web开发中,用户有时需要将网页上的信息复制到剪贴板,以便...

    兼容所有浏览器的JQ下拉菜单

    在跨浏览器兼容性方面,需要注意的是,不同的浏览器对图像格式的支持可能存在差异,如PNG、JPEG、GIF等,开发者需要确保选择的格式在所有目标浏览器中都能正常显示。 总的来说,这个项目提供了一个基础的、跨浏览器...

    jQuery浏览器导航栏

    9. **跨浏览器兼容性**:虽然jQuery致力于解决浏览器之间的差异,但在实际应用中,开发者仍需关注IE、Chrome、Firefox等主流浏览器下的表现,确保导航栏在各浏览器上的兼容性。 10. **性能优化**:合理使用事件委托...

    javascript各浏览器中option元素的表现差异

    首先,文档提到了在IE6/7/8/9版本中,`option`元素对某些JavaScript事件如`click`和`mouseover`并不支持。而在Firefox、Safari、Chrome和Opera等其他主流浏览器中,则是可以正常支持这些事件的。这意味着在开发跨...

    jQuery-dayin调用浏览器打印

    然而,由于不同浏览器对print()方法的支持程度和用户体验存在差异,jQuery-dayin通过jQuery封装和扩展了这一功能,提供了更加统一和友好的打印体验。 使用jQuery-dayin时,你需要首先在你的项目中引入jQuery库和...

    微信判断浏览器自动弹出遮罩层代码

    在开发微信相关的网页应用时,有时我们需要针对微信内置浏览器(X5...正确地检测和处理微信浏览器可以帮助提升用户体验,避免因浏览器差异导致的问题。同时,合理设计和控制遮罩层也可以增强页面的交互性和视觉效果。

    js jquery复制到剪切板,绝对能用,兼容360 ie 火狐等浏览器

    首先,我们要理解在JavaScript中实现复制功能的传统方法是使用`document.execCommand('copy')`,这是一个在大多数现代浏览器中支持的命令,但不包括IE。对于IE浏览器,我们需要采用不同的策略,例如使用`...

    兼容所有浏览器的点击复制功能(请在服务器上测试)

    然而,需要注意的是,随着Flash逐渐被淘汰,现代浏览器对它的支持正在减弱,尤其是考虑到安全性和性能问题。 以下是实现点击复制功能的步骤: 1. **加载jQuery和zClip**:首先,你需要在HTML文档中引入jQuery库...

    JS事件冒泡浏览器兼容

    然而,不同浏览器对事件处理的实现可能存在差异,尤其是老版本的Internet Explorer和其他浏览器(如Firefox、Chrome等)之间的兼容性问题。例如,IE6及更早版本默认使用事件冒泡,而其他浏览器则支持事件捕获。为了...

    js中各浏览器中鼠标按键值的差异

    在JavaScript中,通过浏览器提供的鼠标事件来确定用户按下了哪个鼠标按键是一个基础且重要的操作。由于不同的浏览器存在实现上的差异,我们不能...同时,为了代码的健壮性,建议在多浏览器环境下对代码进行充分的测试。

    ie、360、火狐等浏览器用js导出Excel

    在不同浏览器环境下实现这一功能时,由于各浏览器对JavaScript的支持程度和API的不同,需要采取不同的策略。针对“ie、360、火狐等浏览器用js导出Excel”的需求,我们可以探讨一下相关的JavaScript技术以及处理不同...

    JavaScript自动点击链接 防止绕过浏览器访问的方法

    最终,推荐使用隐藏的input元素来实现自动点击链接,这样可以避免浏览器对a标签点击事件的支持差异。通过设置input元素的onClick事件来跳转到目标URL,如下: ```html <body onLoad="autoclick('auto2')"> 你的...

    关于 onclick 与 bind ‘click’ 的讨论

    `bind('click')` 在jQuery中的实现是基于浏览器的原生`addEventListener`或`attachEvent`方法。这两个方法分别在现代浏览器和旧版IE中提供,用于向DOM元素添加事件监听器。`bind`方法提供了跨浏览器兼容性,使得...

    css浏览器兼容整理

    - Firefox和其他现代浏览器可能不支持直接调用`.click()`方法来触发链接。可以使用其他事件监听器来代替。 12. **目前FF2.0为止都不支持IE的name锚点** - Firefox在早期版本中可能不支持某些特定的HTML特性。...

    纯JavaScript实现的兼容各浏览器的添加和移除事件封装

    不同的浏览器对事件处理的支持存在差异,尤其是在早期的版本中,Internet Explorer(IE)与非IE浏览器(如Firefox、Chrome等)的实现方式有所不同。为了确保代码在各个浏览器中都能正常工作,开发者需要进行一定的...

Global site tag (gtag.js) - Google Analytics