跳转到:

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

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

语法

element.click() 

规范

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

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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()

文档标签和贡献者

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