MouseEvent clientX गुण

DOM इवेंट MouseEvent

रिकवार्ड और उपयोग

जब माउस इवेंट ट्रिगर होता है, clientX गुण अपने आप माउस स्क्रीनिंग के होगन स्कोर (क्लायंट एरिया के अनुसार) वापस देता है。

क्लायंट एरिया वर्तमान विंडो है。

सूचना:यदि आप माउस स्क्रीनिंग के अक्ष य स्कोर्स (क्लायंट एरिया के अनुसार) प्राप्त करना चाहते हैं, तो clientY विशेषता.

टिप्पणी:यह गुण लिखित है。

उदाहरण

उदाहरण 1

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

var x = event.clientX;     // अक्ष एक्स स्कोर्स प्राप्त करने के लिए
var y = event.clientY;     // अक्ष य स्कोर्स प्राप्त करने के लिए
var coor = "X स्कोर्स: " + x + ", Y स्कोर्स: " + y;

अपने आप सिफारिश करें

उदाहरण 2

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

var x = event.clientX;
var y = event.clientY; 
var coor = "X स्कोर्स: " + x + ", Y स्कोर्स: " + 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 = "क्लायंट - X: " + cX + ", Y स्कोर्स: " + cY;
var coords2 = "स्क्रीन - X: " + sX + ", Y स्कोर्स: " + sY;

अपने आप सिफारिश करें

व्याकरण

event.clientX

तकनीकी विवरण

वापसी मूल्य: नंबर वैल्यू, जो माउस स्क्रीनिंग के होगन स्कोर को पिक्सल में दर्शाता है。
डॉम संस्करण: डॉम लेवल 2 इवेंट

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

गुण च्रोम आईई फायरफॉक्स सफारी ऑपेरा
clientX सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

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

HTML DOM संदर्भ दस्तावेज़ःMouseEvent clientY विशेषता

HTML DOM संदर्भ दस्तावेज़ःMouseEvent screenX विशेषता

HTML DOM संदर्भ दस्तावेज़ःMouseEvent screenY विशेषता

HTML DOM संदर्भ दस्तावेज़ःMouseEvent offsetX विशेषता

HTML DOM संदर्भ दस्तावेज़ःMouseEvent offsetY विशेषता

DOM इवेंट MouseEvent