MouseEvent clientY Özelliği

DOM olayları MouseEvent

Tanım ve Kullanım

Fare olayı tetiklendiğinde, clientY özelliği, fare işaretçisinin dikey koordinatını (istemci alanına göre) döndürür.

İstemci alan, mevcut penceredir.

İpucu：Fare işaretçisinin yatay koordinatını (istemci alanına göre) almak için clientX Özelliği。

Açıklama：Bu özellik yalnızca okunabilir.

Örnek

Örnek 1

Element üzerinde mouse tıklama düğmesine basıldığında fare işaretçisinin koordinatlarını çıktıya yazın:

var x = event.clientX;     // Dikdörtgen koordinatı alın
var y = event.clientY;     // Yatay koordinatı alın
var coor = "X coords: " + x + ", Y coords: " + y;

Sonuç:

X coords: 142, Y coords: 99

Kişisel Deneyim

Örnek 2

Fare işaretçisi element üzerinde hareket ederken fare işaretçisinin koordinatlarını çıktıya yazın:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Kişisel Deneyim

Örnek 3

clientX ile clientY ve screenX ile screenY arasındaki farkları gösteren bir örnek:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Kişisel Deneyim

Gramer

event.clientY

Teknik Ayrıntılar

Dönüş değeri： Dijital değer, fare işaretçisinin dikey koordinatını piksel cinsinden gösterir.
DOM Sürümü： DOM Seviye 2 Olayları

Tarayıcı Desteği

Özellik Chrome IE Firefox Safari Opera
clientY Destek Destek Destek Destek Destek

İlgili sayfalar

HTML DOM referans el kitabı:MouseEvent clientX özelliği

HTML DOM referans el kitabı:MouseEvent screenX özelliği

HTML DOM referans el kitabı:MouseEvent screenY özelliği

HTML DOM referans el kitabı:MouseEvent offsetX özelliği

HTML DOM referans el kitabı:MouseEvent offsetY özelliği

DOM olayları MouseEvent