6. Les évènements
La capture d'évènement avec Internet explorer et Netscape est différentes.
Les objets ainsi que les méthodes diffèrent...
| Internet Explorer | Netscape |
|---|---|
oncontextmenu onmousedown onmousemove ondragstart onselectstart |
onmousedown (Event.MOUSEDOWN) // captureEvents(...) onmousemove (Event.MOUSEMOVE) |
| Étapes | Internet Explorer | Netscape |
|---|---|---|
1. Capture de l'évènement ou =new Function(return booleen) 2. Fonction 3. Variable d'évènement |
document.onévènement = nomFonction
function nomFonction() { }
event
|
document.captureEvents(Event.NOMEVENEMENT);
document.onévènement = nomFonction;
function nomFonction(e) { }
e //le paramètre de la fonction
|
| Description | Internet Explorer [event] |
Netscape [e = paramètre de la fonction] |
|---|---|---|
bouton de la souris appuyé position de la souris position relative de la souris position de l'écran |
.button [gauche=1, droit=2] .x ou document.body.scrollLeft+event.clientX .y ou document.body.scrollTop+event.clientY .clientX .clientY .screenX .screenY |
.which [droit=3] .pageX .pageY |
event
Element .srcElement // Élément qui a générer l'évènement:
Element .getTarget()
Element
.className
Style .style
.url
.getAttribute(String attribute) : // i.e.: "target, class, id, name"
Element .getFirstChild()
Document .getOwnerDocument()
Style .getStyle
.setAttribute(String attribute,Value)
.setData(Value)
Document
Element .getElementById(String id);
Style
.backgroundColor
.color
.setProperty(String name,Value);
Property
fill = 'yellow'
fill-opacity=Number
