JavaScript muliggør en hjemmeside til at reagere på brugerens begivenheder , ændre indholdet af en side baseret på forskellige mus og tastetryk handlinger. Menuer og knapper ofte tjener som udløser for disse ændringer, men divs kan være lige så lydhør. En DIV er en HTML -tag , der fungerer som en beholder til andet indhold, såsom tekst og fotos . Mousing over nogen del af DIV kan udløse en ændring. Hvis du flytter musen væk fra DIV kan udløse en anden . Instruktioner
1

Indsæt en hjælper funktion mellem dit hoved tags, der lader din script arbejder på tværs af alle browsere . Funktionen Tilføj begivenhed lyttere til HTML-elementer på siden. Når det kaldes, hjælperen funktion tager tre argumenter , eller sæt af instruktion : . Måldelen , type af arrangement og funktion til at kalde

funktion addEvent ( obj , type, fn) {
< p > if ( obj.attachEvent ) {

obj [' e ' + typen + fn ] = fn ;

obj [type + fn ] = function () { obj [ »e« + typen + fn ] ( window.event );}

obj.attachEvent ( 'on' + type obj [type + fn ])

} else

obj . addEventListener (type, fn , falsk) ,

}
2

Opret en funktion mellem hoved-tags , der bruger belastningen begivenheden eller indlæsning i vinduet, for at ringe den " testMouse "-funktionen . Dette vil lægge to event lyttere til din DIV : Hej

window.onload = testMouse ,
3

Opret funktioner, der vil resultere i farven på din DIV ændre på siden baseret på mouseover og mouseout begivenheder. Start med at oprette " testMouse ", som vil få DIV ved sin ID " testDiv ". Lyt til mouseover eller mouseout begivenheder og kalder de " addColor " eller " removeColor " funktioner , hhv. Skabe den " addColor " og " removeColor "-funktioner , der ændrer baggrundsfarven

funktion testMouse () {

var divField = document.getElementById ( " testDiv ") .
< P > addEvent ( divField ' mouseover ' , addColor ),

addEvent ( divField ' mouseout ' , removeColor ),

}

funktion addColor () {

var removeColor () {

var divField = document.getElementById ( " testDiv ")

divField.style.backgroundColor = "" ;

}
4

Placer dine DIV tags og prøve tekst mellem bodytaggene i dit dokument : Hej