माउसइवेंट क्लाइंटएक्स संपत्ति
उदाहरण
जब माउस बटन को किसी तत्व पर क्लिक किया जाता है तो माउस पॉइंटर के निर्देशांक आउटपुट करें:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
क्लाइंटएक्स प्रॉपर्टी माउस पॉइंटर के हॉरिजॉन्टल कोऑर्डिनेट (क्लाइंट एरिया के अनुसार) लौटाती है जब माउस इवेंट ट्रिगर होता है।
क्लाइंट क्षेत्र वर्तमान विंडो है।
युक्ति: माउस पॉइंटर के लंबवत निर्देशांक (क्लाइंट क्षेत्र के अनुसार) प्राप्त करने के लिए, क्लाइंटवाई संपत्ति का उपयोग करें।
नोट: यह संपत्ति केवल पढ़ने के लिए है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
clientX | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
event.clientX
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, पिक्सेल में माउस पॉइंटर के क्षैतिज समन्वय का प्रतिनिधित्व करती है |
---|---|
डोम संस्करण: | डोम लेवल 2 इवेंट्स |
और ज्यादा उदाहरण
उदाहरण
माउस पॉइंटर के निर्देशांक को आउटपुट करें जबकि माउस पॉइंटर किसी तत्व पर चलता है:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
उदाहरण
क्लाइंटएक्स और क्लाइंटवाई और स्क्रीनएक्स और स्क्रीनवाई के बीच अंतर का प्रदर्शन:
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;
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: माउसइवेंट क्लाइंटवाई संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट स्क्रीनएक्स संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट स्क्रीनवाई संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट ऑफसेटएक्स संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट ऑफसेटवाई संपत्ति