MouseEvent clientX Özelliği

DOM olayları MouseEvent

Tanım ve Kullanım

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

İstemci alanı mevcut penceredir.

İpucu：Fare işaretçisinin dikey koordinatlarını (istemci alanına göre) almak için aşağıdaki kullanın: clientY özelliği.

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

Örnek

Örnek 1

Element üzerinde tıklama butonuna tıklandığında fare işaretçisinin koordinatlarını çıktıya yazın:

var x = event.clientX;     // Dikey koordinatları alın
var y = event.clientY;     // Yatay koordinatları alın
var coor = "X koordinatları: " + x + ", Y koordinatları: " + y;

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 koordinatları: " + x + ", Y koordinatları: " + y;
document.getElementById("demo").innerHTML = coor;

Kişisel Deneyim

Örnek 3

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

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

Kişisel Deneyim

Gramer

event.clientX

Teknik Ayrıntılar

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

Tarayıcı Desteği

Özellikler Chrome IE Firefox Safari Opera
clientX Destek Destek Destek Destek Destek

İlgili sayfalar

HTML DOM referans el kitabı:MouseEvent clientY ö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