یافتن موقعیت (پوزیشن) موس توسط جاوا اسکریپت

Tonino

Member
سلام.
چطور میشه موقعیت X و Y موس رو پیدا کرد؟

با تشکر پیشاپیش...
 

mazeyar

New Member
با سلام
من از این کد
کد:
 x=event.clientX
y=event.clientY
استفاده می کنم و در Ie و opera درست کار می کنه ولی در فایرفاکس نه.از کد شما هم استفاده کردم نشد.راهنمایی کنید ممنون می شم.
 
آخرین ویرایش:

foranyone

Well-Known Member
این مرورگر ها تا کی می خواین ناسازگار از هم عمل کنن!!!

w3c در مورد استانداردسازی جاوااسکریپت کاری کرده؟ کسی خبر داره؟
 

foranyone

Well-Known Member
براي IE از دستورات زير :
کد:
Y = window.event.y + document.body.scrollTop;
X = window.event.x

و براي فايرفاکس از کد زير :
کد:
Y = e.pageY;
X = e.pageX;


دوست عزیز فکر کنم شما یه اشتباه کردین.

event منظورتون کدوم event؟

باید مشخص کنین خب!

مثلا باید برای mousemove باید از این عبارت استفاده کنین نه تنهایی ! چون تنهایی هیچ معنایی نداره!

به طور کلی برای event هایی که با mouse ارتباط دارن :oops:

این کد رو امتحان کنین:

کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mouse positoin</title>
<style>
.example{
background-color:#FFCC33;
width:500px;
height:200px;
}
</style>
<script language="javascript" type="text/javascript">
function writepos(y,x){
window.status= ' X='+ x +' '+' Y=' +y;
}
</script>
</head>
<body>
<div class="example" onmousemove="writepos((window.event.y +document.body.scrollTop),window.event.x)" onmouseout="window.status='وارد کادر شوید'">
<h3> Move mouse here & see to the Statusbar(IE)</h3>
</div>
</body>
</html>
 

eAmin

Well-Known Member
دوست عزیز فکر کنم شما یه اشتباه کردین.

Event منظورتون کدوم event؟

باید مشخص کنین خب!

مثلا باید برای mousemove باید از این عبارت استفاده کنین نه تنهایی ! چون تنهایی هیچ معنایی نداره!

به طور کلی برای event هایی که با mouse ارتباط دارن :oops:

این کد رو امتحان کنین:

کد:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "[url]http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd[/url]">
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>mouse positoin</title>
<style>
.example{
background-color:#ffcc33;
width:500px;
height:200px;
}
</style>
<script language="javascript" type="text/javascript">
function writepos(y,x){
window.status= ' x='+ x +' '+' y=' +y;
}
</script>
</head>
<body>
<div class="example" onmousemove="writepos((window.event.y +document.body.scrolltop),window.event.x)" onmouseout="window.status='وارد کادر شوید'">
<h3> move mouse here & see to the statusbar(ie)</h3>
</div>
</body>
</html>
سلام.

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

foranyone

Well-Known Member
سلام.

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

شکی نیست که ایشون می دونن از توضیحاتم بد برداشت نکنین! ولی با توجه به جواب کاربر که گفتن :

از کد شما هم استفاده کردم نشد.راهنمایی کنید ممنون می شم

فکر کردم همونجوری ازش استفاده کردن و بیشتر توضیح دادم!

در ضمن دوست دارم هرجا پاسخی داده میشه کامل جواب داده بشه!
 

omrdabakhte

Member
مختصات موس در استاتوس بار

کافیه کد زیر رو تو قالب جاگذاری کنی.
کد:
<script language="javascript" link=[URL="http://www.naweb.ir"]www.naweb.ir[/URL]>
var where = ""; 
function checkwhere(e) {
if (document.layers){ xCoord = e.x; yCoord = e.y;}
else if (document.all){ xCoord = event.clientX; yCoord = event.clientY;}
else if (document.getElementById){ xCoord = e.clientX; yCoord = e.clientY;}
self.status = "X= "+ xCoord + "  Y= " + yCoord;  }
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</script>
 

peyman1987

Member
foranyone عزیز درست میگن من باید تابع کامل رو میزاشتم. بازم ممنون از همتون که به کدها دقت میکنین.

کد:
function GetMousePos(e)
{
Y = e.pageY;
X = e.pageX;
}

<img onClick='GetMousePos(event);'>
 

foranyone

Well-Known Member
واقعا پیمان جان به وجودت افتخار می کنم که دوست انجمنی خوبی مثل شما دارم:wink:

من اگه توضیح اضافه دادم به خدا قصد جسارت نداشتم فقط خواستم کد رو تکمیل کنم.

و الا شما سرور ما هستین و هیچ وقت کمک هایی رو که به هم کردی و سوالاتی جوابشون رو دادی

یادم نمی ره:wink:

خوش و خندون باشی:wink:
 

جدیدترین ارسال ها

بالا