MouseEvent clientY गुण

DOM इवेंट MouseEvent

परिभाषा और उपयोग

माउस इवेंट जब ट्रिगर होता है, clientY गुण माउस पिन्नर के ऊपरी निर्देशांक (क्लायंट क्षेत्र के अनुसार) वापसी करता है।

क्लायंट क्षेत्र वर्तमान विंडो है।

सूचना:माउस पिन्नर के क्षैतिज निर्देशांक (क्लायंट क्षेत्र के अनुसार) प्राप्त करने के लिए इस्तेमाल करें clientX गुण.

टिप्पणी:यह गुण केवल ओवरलिखित है।

उदाहरण

उदाहरण 1

एलीमेंट पर माउस के बटन क्लिक करते समय माउस पिन्नर के निर्देशांक को आउटपुट करें:

var x = event.clientX;     // क्षैतिज निर्देशांक प्राप्त करें
var y = event.clientY;     // ऊपरी निर्देशांक प्राप्त करें
var coor = "X coords: " + x + ", Y coords: " + y;

परिणाम:

X coords: 142, Y coords: 99

अपने आप साफ़ी प्रयोग करें

उदाहरण 2

माउस पिन्नर एलीमेंट पर गतिशील होते समय माउस पिन्नर के निर्देशांक को आउटपुट करें:

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

अपने आप साफ़ी प्रयोग करें

उदाहरण 3

clientX और clientY तथा screenX और screenY के बीच के अंतर को दिखाने के लिए प्रदर्शन:

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;

अपने आप साफ़ी प्रयोग करें

व्याकरण

event.clientY

तकनीकी विवरण

वापसी मूल्य: संख्यात्मक मूल्य, जो माउस पिन्नर के ऊपरी निर्देशांक को पिक्सल में दर्शाता है।
DOM संस्करण: DOM स्तर 2 इवेंट

ब्राउज़र समर्थन

गुण Chrome IE फायरफॉक्स साफारी ऑपेरा
clientY सहायता सहायता सहायता सहायता सहायता

संबंधित पृष्ठ

HTML DOM संदर्भ दस्तावेज़ःMouseEvent clientX अट्रिब्यूट

HTML DOM संदर्भ दस्तावेज़ःMouseEvent screenX अट्रिब्यूट

HTML DOM संदर्भ दस्तावेज़ःMouseEvent screenY अट्रिब्यूट

HTML DOM संदर्भ दस्तावेज़ःMouseEvent offsetX अट्रिब्यूट

HTML DOM संदर्भ दस्तावेज़ःMouseEvent offsetY अट्रिब्यूट

DOM इवेंट MouseEvent