Sie sind auf Seite 1von 3

MANEJADORES DE EVENTOS SEMNTICOS

Mtodo alternativo para definir los


manejadores de eventos de
JavaScript. Esta tcnica es una
evolucin del mtodo de las
funciones externas, ya que se basa
en utilizar las propiedades DOM
de los elementos XHTML para
asignar todas las funciones
externas que actan de <input id="pinchable" type="button" value="Pinchame
manejadores de eventos. y vers" onclick="alert('Gracias por pinchar');" />
Se puede transformar en:
// Funcin externa function muestraMensaje() {
alert('Gracias por pinchar'); }
// Asignar la funcin externa al elemento
document.getElementById("pinchable").onclick =
muestraMensaje;
// Elemento XHTML <input id="pinchable"
type="button" value="Pinchame y vers" />
1.- Asignar un
identificador
nico al elemento
XHTML mediante
el atributo id.

TCNICA DE
LOS
MANEJADORES
SEMNTICOS

3.-Asignar la
funcin externa al 2.- Crear una
evento funcin JavaScript
correspondiente encargada de
en el elemento manejar el evento.
deseado.
El ltimo paso es la clave de esta tcnica. En primer lugar, se
obtiene el elemento al que se desea asociar la funcin externa:
getElementById("pinchable");

Se utiliza una propiedad del elemento con el mismo nombre que


el evento que se quiere manejar. En este caso, la propiedad es :
getElementById("pinchable")onclick=

Se asigna la funcin externa mediante su nombre sin parntesis.


Lo ms importante (y la causa ms comn de errores) es indicar
solamente el nombre de la funcin, es decir, prescindir de los
parntesis al asignar la funcin:
getElementById("pinchable")onclick=muestraMensaje;

// Asignar una funcin externa a un evento de un elemento


document.getElementById("pinchable").onclick = muestraMensaje;
// Ejecutar una funcin y guardar su resultado en una propiedad de un elemento
document.getElementById("pinchable").onclick = muestraMensaje();