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