Drag and drop elemek javascript - web iránytű saytostroiteley

Határozza meg, hogy a felhasználó kattintott az egérgombot, amikor a kurzor címe fölött az ablakon, mi segítünk a felvezető onmousedown esemény. aki ki az ablak címét (vagy inkább a tárgy Ablakcímhez)

A beállított addEventListener () metódus szerint a W3C DOM eseménykezelőkkel szabványok (amely támogatja a Firefox Opera böngésző)

Ezzel a módszerrel, miután a kiváltó esemény az úgynevezett funkció automatikusan kap egy esemény objektumot, mint az egyetlen érv. Ez az, amikor a forgatókönyvet Firefox és az Opera böngészők save_delta_koor (obj_evt) függvény kap egy változó obj_evt event objektum munka közben az Internet Explorer, a változó obj_evt semmi sem fog. A Firefox és az Opera a koordinátái az egér kurzort a tulajdonságok és pageX pageY vett esemény objektum

Az Internet Explorer a koordinátákat a kurzort a tulajdonságai határozzák meg a tárgy és window.event clientX és clientY

Miután rákattintott az egér gombját, indítsa save_delta_koor () függvényt. save_delta_koor () függvény kiszámítja az egér koordinátáit és a koordináták az ablak (blokk div id = „zagol_okno1”), majd a különbség a koordináták (delta_x és delta_y). Követni a mozgását a kurzor fogja használni a felvezető onMouseMove események vannak rendelve a teljes dokumentum

A Firefox és az Opera böngészők is kérheti a eseménykezelő szabványok szerint

Ebben az esetben a motor_okno () függvény, amikor a forgatókönyvet Firefox és az Opera kap egy egyszeri esemény objektum érv.
Ha az egérmutatót fogják hívni motor_okno () függvényt. amely kiszámítja az új koordinátákat az egérmutató, majd az új koordináták az ablak, és ennek megfelelően mozgatja az ablakunk.






Ablak áthelyezéséhez, akkor csak lenyomva az egér, így amikor elengedi a kulcsot le kell állítania a motot_okno () függvényt. Mint bizonyára emlékeznek rá, ezt a funkciót nevezik az eseménykezelő onMouseMove dokumentum. Ragadd meg a pillanatot, amikor a felhasználó kiadta az egér gombját, segít a felvezető onmouseup események vannak rendelve a teljes dokumentum

Most, amikor a felhasználó elengedi az egérgombot, a funkció clear_delta_koor () nevezzük. hogy „megtisztítsa” a felvezető hover lépés események