माउसइवेंट पेजएक्स संपत्ति
उदाहरण
जब माउस बटन को किसी तत्व पर क्लिक किया जाता है तो माउस पॉइंटर के निर्देशांक आउटपुट करें:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
जब माउस ईवेंट ट्रिगर होता है, तो पेजएक्स प्रॉपर्टी माउस पॉइंटर के क्षैतिज निर्देशांक (दस्तावेज़ के अनुसार) लौटाती है।
दस्तावेज़ वेब पेज है।
टिप: माउस पॉइंटर का वर्टिकल कोऑर्डिनेट (दस्तावेज़ के अनुसार) प्राप्त करने के लिए, पेजवाई प्रॉपर्टी का उपयोग करें।
नोट: यह संपत्ति केवल पढ़ने के लिए है।
नोट: यह गुण गैर-मानक है, लेकिन अधिकांश प्रमुख ब्राउज़रों में काम करता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
वाक्य - विन्यास
event.pageX
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, पिक्सेल में माउस पॉइंटर के क्षैतिज समन्वय का प्रतिनिधित्व करती है |
---|---|
डोम संस्करण: | कोई नहीं |
और ज्यादा उदाहरण
उदाहरण
माउस पॉइंटर के निर्देशांक को आउटपुट करें जबकि माउस पॉइंटर किसी तत्व पर चलता है:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
उदाहरण
पेजएक्स और पेजवाई और स्क्रीनएक्स और स्क्रीनवाई के बीच अंतर का प्रदर्शन:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: माउसइवेंट पेजवाई संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट क्लाइंटएक्स प्रॉपर्टी
एचटीएमएल डोम संदर्भ: माउसइवेंट क्लाइंटवाई संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट स्क्रीनएक्स संपत्ति
एचटीएमएल डोम संदर्भ: माउसइवेंट स्क्रीनवाई संपत्ति