Brauzer pəncərəsindəki imlecin hərəkətinə cavab olaraq bəzi hərəkətləri proqramlaşdırmaq üçün bəzən koordinatlarını təyin etmək lazımdır. Bu brauzerdə baş verən hadisələri izləmək qabiliyyətinə malik bir skriptlə edilə bilər. Müştəri tərəfindəki JavaScript skriptində bu xüsusiyyət var. Aşağıda bu dilin imkanlarından istifadə edərək kursorun koordinatlarını əldə etmək variantlarından biri təsvir edilmişdir.
Təlimat
Addım 1
Kursorun cari koordinatlarını almaq üçün hadisə obyektinin xüsusiyyətlərindən istifadə edin. Bu obyekt siçan kursorunun koordinatlarını təyin etmək üçün uyğun olan bir sıra xüsusiyyətlərə malikdir. LayerX xassəsi cari təbəqənin sol kənarından piksellə ölçülən məsafəni və LayerY - yuxarı kənarından eyni məsafəni ehtiva edir. Bu iki xüsusiyyətin sinonimləri var - event. LayerX əvəzinə event.x, event. LayerY əvəzinə event.y yaza bilərsiniz. SəhifəX və pageY xüsusiyyətləri brauzer pəncərəsinin sol yuxarı kənarına nisbətən kursorun üfiqi və şaquli koordinatlarını, screenX və screenY xüsusiyyətləri monitor ekranına nisbətən oxşar dəyərləri saxlayır.
Addım 2
Kodunuza brauzer növü yoxlama əlavə edin və hadisə obyektindəki yuxarıdakı xüsusiyyətlərə əlavə olaraq clientX və clientY xüsusiyyətlərindən istifadə edin. Bu, Microsoft-un Internet Explorer brauzerində fərqli bir əmlak təyinatından istifadə etməsi üçün lazımdır. Koordinatları təyin etmək üçün hər iki yanaşmanı birləşdirə bilərsiniz, məsələn, bu şəkildə:
əgər (evevnt.pageX || evevnt.pageY) {
koordinat X = evevnt.pageX;
Koordinat Y = evevnt.pageY;
}
başqa halda (evevnt.clientX || evevnt.clientY) {
coordinateX = evevnt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
coordinateY = evevnt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
Addım 3
Koordinat tərif kodunu xüsusi bir funksiyaya yerləşdirin. Misal üçün:
GetMouse funksiyası (evevnt) {
varordinat X = 0, koordinatY = 0;
əgər (! evevnt) evevnt = window.event;
əgər (evevnt.pageX || evevnt.pageY) {
koordinat X = evevnt.pageX;
Koordinat Y = evevnt.pageY;
}
başqa halda (evevnt.clientX || evevnt.clientY) {
coordinateX = evevnt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
coordinateY = evevnt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return {"coordX": coordinateX, "coordY": coordinateY};
}
Bu funksiya birincisi (coordX düyməsi ilə) X koordinatını, ikincisi (coordY) Y koordinatını ehtiva edən iki adlı elementdən ibarət bir sıra qaytarır.
Addım 4
Bəzi hadisələrdə - məsələn, sənəd kontekstində siçan hərəkət hadisəsində (onmousemove) bu funksiyanı axtarın. Aşağıdakı nümunə siçan koordinatlarını vəziyyət çubuğuna çıxarmaq üçün bir funksiyadan istifadə edir:
document.onmousemove = function (evevnt) {var CurCoord = GetMouse (evevnt); window.status = "coord X:" + CurCoord.coordX + "px,ordinat Y:" + CurCoord.coordY + "px";};
