Vă rugăm să rețineți că trebuie să scrie Event.MOUSEMOVE. în cazul în care mousemove trebuie să fie scrise cu litere majuscule. La definirea unei funcții care se numește atunci când evenimentul MouseMove. dy trebuie să folosească litere mici: window.onmousemove =.
Acum putem combina ultimele două exemple. Dorim să afișeze coordonatele cursorului mouse-ului, mutați în jurul valorii cu butonul apăsat. Următorul exemplu ilustrează acest lucru:
Codul pentru acest exemplu arata ca acest lucru:
În primul rând, vom specifica obiect fereastra de evenimente de captare MouseDown și MouseUp:
Puteți vedea că vom folosi semnul | (Sau) pentru a determina numărul de evenimente care trebuie să fie înregistrate Window-obiect. Următoarele două linii definesc ceea ce se întâmplă atunci când au loc aceste evenimente:
Următoarea linie de cod defineste ceea ce se întâmplă atunci când fereastra-obiect primi eveniment MouseMove:
Dar stai, nu ne-am definit Event.MOUSEMOVE în window.captureEvents (). Acest lucru înseamnă că acest eveniment nu este înregistrată Window-obiect. Atunci de ce ne spunem Window-obiect de valoare moveIt cu toate că acest eveniment nu ajunge niciodată la obiect fereastra? Răspunsul la această întrebare poate fi găsită în startDrag () funcția se numește ori de câte ori există un eveniment MouseDown:
Acest lucru înseamnă că fereastra-obiectiv va bloca evenimentul MouseMove imediat ce este apăsat butonul mouse-ului. Trebuie să ne oprim fixarea evenimentului MouseMove. atunci când evenimentul MouseUp are loc. Această funcție face metoda endDrag () folosind releaseEvents:
moveIt funcția () afișează coordonatele mouse-ul în bara de stare.
Acum avem toate elementele necesare pentru înregistrarea evenimentelor necesare pentru a efectua tehnologia tragere picătură. Acum putem merge la afișarea de obiecte de pe ecran.