Wiki szerkesztések-bemutató webes technológiák

Felhívjuk figyelmét, hogy meg kell írni Event.MOUSEMOVE. ahol MOUSEMOVE-ot nyomtatott írandó nagybetűvel. Meghatározásakor, hogy a funkció kerül meghívásra, ha a MouseMove esemény. dy kell használni kisbetűk: window.onmousemove =.

Most tudjuk kombinálni az utolsó két példa. Szeretnénk megjeleníteni a koordinátákat a kurzort, mozogni a gombot megnyomják. A következő példa szemlélteti ezt:

A kód a példához így néz ki:

Először adja meg a Window-objektum rögzítési események MouseDown és MouseUp:

Láthatjuk, hogy a | (Vagy) határozza meg az események számát kell rögzíteni Window-objektumot. A következő két sor definiálja, mi történik, ha ezek az események történnek:

A következő kódsort meghatározza, hogy mi történik, ha az ablak objektum megkapja MouseMove eseményt:

De várjunk csak, mi nem definiált Event.MOUSEMOVE a window.captureEvents (). Ez azt jelenti, hogy ez az esemény nem kerül rögzítésre Window-objektumot. Akkor miért kell mondanunk ablak objektum moveIt értéke pedig ez az esemény soha nem éri el az ablak objektum? A válasz erre a kérdésre megtalálható a startDrag () függvény, ha van egy MouseDown eseményt:

Ez azt jelenti, hogy az ablak-lencse zárolja a MouseMove eseményt, mihelyt az egér gombját nyomva van. Véget kell vetni a MouseMove esemény rögzítés. amikor a MouseUp esemény bekövetkezik. Ez a funkció nem endDrag () módszer releaseEvents:

moveIt () függvény megjeleníti az egér koordinátáit az állapotsorban.

Most már az összes elemet a regisztrációs események elvégzéséhez szükséges drag technológia dobja. Most megy a kijelző tárgyak a képernyőn.