GlobalEventHandlers.onclick

La propiedad onclick devuelve el manejador del evento click del elemento actual.

Note: Cuando uses el evento click para ejecutar algo, considera agregar la misma acci贸n al evento keydown, para permitirle el uso a personas que no usan mouse o pantalla t谩ctil.

Sintaxis

element.onclick = functionRef;

Donde functionRef es una funci贸n - muchas veces el nombre de la funci贸n est谩 declarado ya en otro sitio o como una expresi贸n de la funci贸n .Ver "JavaScript Guide:Functions" para m谩s detalles.

el 煤nico argumento pasado a la funci贸n  manejador de evento especificamente MouseEvent object. Dentro del manejador, this ser谩 el elemento sobre 茅l  el evento ha sido invocado.

Ejemplo

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>onclick event example</title>
    <script>
      function initElement() {
        var p = document.getElementById("foo");
        // NOTE: showAlert(); or showAlert(param); will NOT work here.
        // Must be a reference to a function name, not a function call.
        p.onclick = showAlert;
      };

      function showAlert(event) {
        alert("onclick Event detected!");
      }
    </script>
    <style>
      #foo {
        border: solid blue 2px;
      }
    </style>
  </head>
  <body onload="initElement();">
    <span id="foo">My Event Element</span>
    <p>click on the above element.</p>
  </body>
</html>

O se puede usar una funci贸n anon铆ma, como esa:

p.onclick = function(event) { alert("moot!"); };

Notas

El evento click se genera cuando el usuario hace clic en un elemento. El evento clic ocurrir谩 despu茅s de los eventos mousedown y mouseup.

Solo se puede asignar un controlador click a un objeto a la vez con esta propiedad. Puede que prefiera utilizar el m茅todo EventTarget.addEventListener() en su lugar, ya que es m谩s flexible y forma parte de la especificaci贸n DOM Events.

Especificaci贸n

Especificaci贸n Estatus Comentario
HTML Living Standard
La definici贸n de 'onclick' en esta especificaci贸n.
Living Standard

Compatibilidad de Navegadores

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! (en-US)
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte b谩sico (Yes) ? ? ? ?
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Soporte b谩sico ? ? ? ? ? ? ? ?