چطوری میشه فاصله کلیک از محل وقوع تا ابتدای المان رو بدست آورد؟

[white tower]

فرض کنیم یه تگ p داریم که طولش 400 پیکسله
وسط این المان کلیک می کنیم.چطوری میشه دقیق فهمید که در چه فاصله ای از گوشه سمت چپ بالای المان کلیک شده.می خوام محل دقیق کلیک رو توی المان بدست بیارم.
clientX فاصله کلیک رو از لبه مانیتور نشون میده ظاهرا

[2undercover]

در لینک زیر کاملا توضیح داده شده که مختصات یک شئ رو چه جوری بدست بیاوریم، بعد هم می تونید مختصات شئ رو از مختصات نقطه کلیک نسبت به window رو کم کنید تا فاصله محل کلیک نسبت به اون شئ رو بدست بیاورید.

http://javascript.info/tutorial/coordinates

[2undercover]

هم چنین لینک زیر هم هست:

http://stackoverflow.com/questions/2159044/getting-the-x-y-coordinates-of-a-mouse-click-on-an-image-with-jquery?lq=1

[دانیال دزفولی]

سلام کاربرد این کار چیه؟

[white tower]

من this.offsetLeft رو می زنم فاصله لبه رو از المان مادرش میده.position : absolute هم کردم بازم فاصله رو نسبت به المان مادرش میده.اینم کد


document.getElementById('os').addEventListener('cl ick', function(event){
alert(event.clientX);
alert(this.offsetLeft);
}, true);
اولین پیام 540 میده دومی 51 :ناراحت:.دومی عمرا درست نیست.المانی که روش مشکل دارم تقریبا وسط صفحه است.فاصله اش از المان مادرش همین قدره

[ABZiko]

خب یک دونه تگ هستش دیگه، شما در بالا هم خودت گفتی یک تگ p، پس فقط هم همون رو انتخاب می کنه.

[white tower]

از توی لینک دومی که دادید کد رو کپی کردم درست شد.
مشکل کدی که من نوشتم چیه؟

[ABZiko]

من لینک رو ندادم، علی جان دادن، در مورد کد شما ، تنها چیزی که الان به ذهنم می رسه اون click هستش که بینش فاصله افتاده،همین!:چشمک:

[white tower]

من لینک رو ندادم، علی جان دادن، در مورد کد شما ، تنها چیزی که الان به ذهنم می رسه اون click هستش که بینش فاصله افتاده،همین!:چشمک:

اون فاصله کد رو کپی کردم خودش افتاده.اتفاقا دیدمش حوصله نداشتم اونم درست کنم.خسته بودم.دیگه اینقدرهام شوت نیستیم دادا :چشمک: