onAbortonBluronChangeonClickonErroronFocusonLoadonMousedownonMouseOveronMouseOutonMouseuponSelectonSubmitonUnload

onClick="function()"

<input TYPE="SUBMIT" NAME="Send" onclick="testResults(this.form)">

>JS-1

>document.location

 

onClick="window.."

window.alert

onClick="alert('Hello again')"

window.open

onClick="window.open('hugo.htm','hugo','width=314,height=298')"

>Slip Hugo fri

 

Klik langsomt på de to knapper og bemærk, hvornår hændelsen sker.

<button onMousedown="alert('Down')"> Klik </button> <button onMouseup="alert('Up')"> Klik </button>

Klik Klik

 
NB: onClick er en selvstændig hændelse, som består af (onMouseDown + onMouseUp)

<button onMousedown = "a='Down'" onMouseup = "b='Up'" onClick = "alert(a + b)"> klik </button>

klik

 
NB: Hvis en onMousedown-hændelse benytter alert(), vil en evt onMouseup- eller onClick-hændelse blive annulleret, da hændelserne indtræffer, mens alert-dialogen venter på et klik på [OK]:

<button onMousedown = "alert('Down')" onMouseup = "b='Up'" onClick = "alert(b)"> klik </button>

klik

Bemærk at det kun er onMousedown, som giver et resultat.

 

onMouseOver, onMouseOut

onMouseOver="style.."

<h3 onMouseOver="style.color='#BB33FF'" onMouseOut ="style.color='#000000'"> This will change to purple when the mouse touches it, and back to black when the mouse moves off </h3>

This will change to purple when the mouse touches it, and back to black when the mouse moves off