MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

click 方法可以用来模拟鼠标左键单击一个元素。

当在支持click方法的元素上使用该方法时(比如<input>元素),会触发该元素的 click 事件。该事件会一直向文档树的上层元素冒泡,也会触发它们各自的click事件。但是,冒泡而来的事件不会让一个 <a> 元素像受到真实的鼠标点击一样执行页面的跳转。

语法

element.click() 

规范

Specification Status Comment
Document Object Model (DOM) Level 2 HTML Specification Recommendation Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 20[3] (Yes) 5[1] (Yes) (Yes)[2] 6[3]
input@file (limited) (Yes) (Yes) 4 (Yes) 12.10 (Yes)
input@file (full) (Yes) (Yes) 4 (Yes) 未实现 (Yes)
Feature Android Chrome for Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 未实现 ? (Yes) ? ? ? ?

[1] 在 Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) 版本之前,Gecko 还没有实现其他元素对鼠标点击做出的回应,比如链接(<a> elements),或者需要在其他元素上触发 click 事件。

[2] 在 Opera 的 Presto-based 版本中,如果 click() 方法在一个 type 属性为 file 的<input> 元素上触发,它就会被默认忽略,且它的 CSS display 属性会设置为 none

[3] 老版本仅有 HTMLInputElement.click()HTMLButtonElement.click()

文档标签和贡献者

标签: 
 此页面的贡献者: Ende93, teoli, AshfaqHossain, jsx, ziyunfei
 最后编辑者: Ende93,