Please enable JavaScript.
Coggle requires JavaScript to display documents.
manejo de Eventos en java script - Coggle Diagram
manejo de Eventos en java script
evento
acción que desencadena el usuario al interactuar con una página web
ocurre un evento
hacer click, doble click, seleccionar..
aplicaremos para ello los eventos
onmouseover
para ponerlo en itálica
onmouseout
para que vuelva a su estado norma
cuando apartemos el ratón
function italica() { document.getElementById("texto").style.fontStyle = "italic"; }
function normal() { document.getElementById("texto").style.fontStyle = "normal"; }
La forma de llamarlo
document.getElementById("texto").onmouseover = italica
al párrafo donde debe ir el evento
texto
document.getElementById("texto)
añadimos el evento como una propiedad
onmouseover
nombre de la función = italica .
con paréntesis le estaríamos pasando el valor
2 more items...
Para que el script funcione debemos ponerlo después del elemento
body
párrafo texto
código javascript completo para que se produzca el evento
function italica() { document.getElementById("texto").style.fontStyle = "italic"; }
function normal() { document.getElementById("texto").style.fontStyle = "normal"; }
document.getElementById("texto").onmouseover = italica;
document.getElementById("texto").onmouseout = normal;
función anónima onload
Para poder corregir el error anterior,
La función en concreto es la siguiente:
window.onload = function() {
... código javascript que debe ser cargado después de la página ...
nos sirve para poner el código en el que buscamos un elemento
document.getElementById("..."))
Variable this
En los eventos, se puede utilizar la variable this para referirse al elemento XHTML que ha provocado el evento
Técnica
Asignar un identificador único al elemento XHTML mediante el atributo id
Crear una función de JavaScript encargada de manejar el evento
Se basa en utilizar las propiedades DOM de los elementos XHTML para asignar todas lasfunciones externas que actúan de manejadores de eventos
Asignar la función externa al evento correspondiente en el elemento deseado
Modelo básico de eventos
onblur
onchange
onclick
ondblclick
onfocus
onkeyup