Primul document

Evenimente

onMouseOver="Schimba()" onMouseOut="Schimba2()" onSelect="Selectie()">

Click de mouse (drept sau stang),sau apasati o tasta !

Click in document! Se vor returna coordonatele x si y:

Introduceti rezultatul corect !

+



=

onclick="alert('MAINFORM');">

Name






Male




Female

onclick="alert('MAINFORM');event.cancelBubble=true">

Name




Male

Female

sau:

Mai exista si o alta posibilitate,si anume se pot directiona toate

evenimentele din document spre un singur obiect.Acest tip de solutie

poarta numele de "mouse capture" (capturarea evenimentelor) si se poate

utiliza pentru a bloca orice alt tip de operatie.Metoda prezinta insa si

un inconvenient major: daca evenimentele mouse vor fi blocate la obiectul

respectiv,atunci fereastra nu se va mai putea inchide sau redimensiona cu

un click de mouse.Prin urmare,daca utilizati aceasta solutie,trebuie sa

includeti si un algoritm de organizare a evenimentelor si de iesire din

program (de exemplu cu window.close() ).Pentru ca un obiect sa captureze

evenimentele indicatorului mouse se poate utiliza metoda:

object.setCapture();

In mod normal,este bine sa evitati atat fenomenul de "bubbleing",cat si

cel de "capture".Pentru aplicatiile obisnuite,este indicat ca fiecare

obiect sa contina un numar limitat de referinte de tip "event handler" si

sa controleze un set cat mai clar de evenimente,nesuperpozabile.Exista

insa si situatii in care doriti sa puteti executa mai multe operatii cu

un singur click de mouse (de exemplu,doriti sa inregistrati toate opera-

tiile executate de utilizator,fara ca acesta sa remarce acest fapt).


-58-

O alta proprietate interesanta a obiectului Event este "keyCode",prin

care se returneaza valoarea numerica a tastei apasate,in cazul evenimentu-

lui onkeydown:

EXEMPLU:

width:50;background-color:red">

width:100;background-color:red">

Butonul afiseaza nr. de evenimente din fereastra !

Titlul unu

Titlul doi

Acest text va defila in caseta de tip text !


Observati modul de fragmentare a textului !

id="blink" > Blinking header

border="3" src="Bec1.bmp" width="250" height="200" />


Click pe poza,pentru a "aprinde" sau "stinge" becul !