Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

 

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

The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

Only one click handler can be assigned to an object at a time with this property. You may be inclined to use the EventTarget.addEventListener() method instead, since it is more flexible and part of the DOM Events specification.

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!

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 ? ? ? ? ? ? ? ?

Etiquetas y colaboradores del documento

Colaboradores en esta página: Noreen, gama
Última actualización por: Noreen,