---
title: HTMLElement.click()
slug: Web/API/HTMLElement/click
tags:
  - HTMLElement
  - Referencia
  - metodo
translation_of: Web/API/HTMLElement/click
---
<div>
<div>{{ APIRef("HTML DOM") }}</div>
</div>

<p>El método <code><strong>HTMLElement.click()</strong></code> simula el click de un ratón físico en un elemento HTML.</p>

<p>Cuando <code>click()</code> se usa en un elemento que soporte este método (como un elemento {{HTMLElement("input")}}), el elemento lanza el evento asociado al click. Luego, este evento iniciará otros eventos asociados al clicado en elementos más altos en la jerarquía del documento html (o de la cadena de eventos).</p>

<h2 id="Sintaxis">Sintaxis</h2>

<pre class="syntaxbox"><em>elemento</em>.click()</pre>

<h2 id="Especificación">Especificación</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificación</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentario</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('DOM2 HTML', 'html.html#ID-2651361')}}</td>
   <td>{{Spec2('DOM2 HTML')}}</td>
   <td>Definición inicial.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>

<p>{{Compat("api.HTMLElement.click")}}</p>


<h3 id="Traducción_en_Español">Traducción en Español:</h3>



<article class="localized">
<div class="guide-links"><a href="https://developer.mozilla.org/es/docs/MDN/Community">¿Necesitas ayuda?</a> • <a href="https://developer.mozilla.org/es/docs/MDN/Contribute/Editor">Guía editorial</a> • <a href="https://developer.mozilla.org/es/docs/MDN/Contribute/Content/Style_guide">Guía de estilo</a></div>

<div class="editor-wrapper" id="editor-wrapper">
<div class="draft-container">
<div class="draft-old"> </div>

<div class="draft-status"><span id="draft-action">Borrador autoguardado: <time class="time-ago" id="draft-time" title="2018-05-27T03:51:54.273Z">26/5/2018 21:51:54</time></span></div>
</div>

<div class="ckeditor-container editor-container dirty">
<div class="editor">
<div class="editor-tools"> </div>

<div style="height: 173px;">
<div style="border: 1px solid rgb(182, 182, 182); width: 617px; position: fixed; top: 0px;"> </div>
</div>
</div>
</div>
</div>
</article>

<article class="localized">
<div class="editor-wrapper" id="editor-wrapper">
<div class="ckeditor-container editor-container dirty">
<div class="editor">
<div class="cke" dir="ltr" id="cke_id_content" lang="es">
<div>
<div id="cke_1_contents" style="height: 947px;"> </div>
</div>
</div>
</div>
</div>
</div>
</article>

<p> </p>