Koordinátáinak meghatározására a képet javascript, 2coders - blog web-fejlesztő

Kidolgozása során a projekt kellett meghatározni a koordinátáit a felhasználó kattintson a képre. Ez azt jelenti, hogy meghatározza azt a pontot érintette. Ez bizonyult egyáltalán nem nehéz feladat.

Először hozzon létre egy egyszerű html fájl, amely megjeleníti a képet.

Minden egyszerű, a tér felülről készült, amely igazolta volna, hogy a koordináták tartják csak a képek, hanem a teljes dokumentumot.

Nos, adjunk hozzá egy felvezető onclick esemény a kép.

Imádlak !!))), nem tudja elképzelni, mennyire peredolbalsya miközben ő próbál kitalálni!

Úgy működik, csak a csupasz oldalon.
Amint táblázatos formában - indulások helyzetbe H.
Y pozíció eltolódik 40-50 egység az igazi, és a különböző böngészők eltérő módon ...
Véglegesíti nem működik?

Minden a kezedben

funkció defPosition (esemény) var x = y = 0;
var event = esemény || window.event;

// koordinátáinak egy kattintás az oldalon, vagyis az abszolút koordinátái kattintással.

if (document.attachEvent! = null) X = window.event.clientX + (document.documentElement.scrollLeft document.documentElement.scrollLeft document.body.scrollLeft ..);
y = window.event.clientY + (document.documentElement.scrollTop document.documentElement.scrollTop document.body.scrollTop ..);
> Else if (! Document.attachEvent document.addEventListener) X = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
>

// határainak definiálására a tárgy, ebben az esetben a képet.

// újraszámolja a koordinátákat, és abból a riasztásokat.

Ebben az egészet ETU hogy dolgozni! a szervezetben, script, vagy html.

Köszönöm szépen!
De valamilyen oknál fogva az IE kód termel hiba NaN.
Talán segíthet kitalálni, hogy mi lehet a baj?

Köszönöm szépen a megoldás!
Csak rám valamiért az IE figyelmeztető üzenetet jelenít meg számok helyett NaN. Az egyetlen dolog, ami eszébe jutott - az IE 10, míg az előző változat, valami megváltozott szempontjából az esemény feldolgozása, és most minden kell meghatározni, mint valami más ... Talán segíthet megérteni?