En son web geliştirme öğreticiler
 

MouseEvent clientY Property

<Olay Nesne

Örnek

Çıkış farenin bir eleman tıklandığında fare işaretçisi koordinatları:

var x = event.clientX;     // Get the horizontal coordinate
var y = event.clientY;     // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

COOR sonucu olabilir:

X coords: 142, Y coords: 99
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

ClientY özelliği dikey koordinatı döner (according to the client area) bir fare olayı tetiklenmiş fare işaretçisi.

istemci alanı geçerli penceredir.

Öneri: fare işaretçisi, kullanımı (istemci alanına göre) yatay koordinat almak için clientX özelliği.

Not: Bu özellik salt okunur.


Tarayıcı Desteği

özellik
clientY Evet Evet Evet Evet Evet

Sözdizimi

event .clientY

Teknik detaylar

Geri dönüş değeri: Dikey temsil eden bir sayı, piksel olarak, fare işaretçisi koordinat
DOM Versiyon: DOM Düzey 2 Olaylar

Örnekler

Diğer Örnekler

Örnek

Çıkış, bir elemanın üzerine fare ibre, fare işaretçisi koordinatları:

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

Örnek

clientX ve clientY ve screenX ve screenY arasındaki farkların bir gösteri:

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;
Kendin dene "

İlgili Sayfalar

HTML DOM referansı: MouseEvent clientX Property

HTML DOM referansı: MouseEvent screenX Property

HTML DOM referansı: MouseEvent screenY Property


<Olay Nesne