MouseEvent clientX లక్షణం

DOM ఈవెంటులు MouseEvent

నిర్వచనం మరియు వినియోగం

మౌస్ ఇవెంట్ ప్రారంభమైనప్పుడు క్లయింట్ఎక్స్ లక్షణం మౌస్ పింటర్ హోరిజంటల్ కోఆర్డినేట్ను పిలుస్తుంది (క్లయింట్ ఏరియా ప్రకారం).

క్లయింట్ ఏరియా ప్రస్తుత విండో ఉంటుంది.

సూచన:మౌస్ పింటర్ అడుగున కోఆర్డినేట్ను పొందడానికి ఉపయోగించండి: clientY అంశం.

ప్రత్యామ్నాయం పిలుస్తారు:ఈ లక్షణం కేవలం ఓపెన్ అయినది.

ప్రతిమానికి పిలుస్తారు:

ఉదాహరణ 1

ఎలమెంట్లో మౌస్ బటన్ నొక్కినప్పుడు మౌస్ పింటర్ కోఆర్డినేట్లను అవుట్పుట్ చేయండి:

var x = event.clientX;     // హోరిజంటల్ కోఆర్డినేట్ను పొందండి
var y = event.clientY;     // అడుగున కోఆర్డినేట్ను పొందండి
var coor = "X coords: " + x + ", Y coords: " + y;

స్వయంగా ప్రయోగించండి

ఉదాహరణ 2

మౌస్ పింటర్ ఎలమెంట్లో కదిలినప్పుడు మౌస్ పింటర్ కోఆర్డినేట్లను అవుట్పుట్ చేయండి:

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

స్వయంగా ప్రయోగించండి

ఉదాహరణ 3

క్లయింట్ఎక్స్, క్లయింట్యూ, స్క్రీన్ఎక్స్ మరియు స్క్రీన్యూ మధ్య తేడా ప్రదర్శించండి:

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.clientX

సాంకేతిక వివరాలు

తిరిగి వచ్చే విలువలు: నమూనా విలువలు, మౌస్ పింటర్ హోరిజంటల్ కోఆర్డినేట్ను పిక్సెల్స్ అని పిలుస్తారు.
DOM వెర్షన్ అని పిలుస్తారు: DOM లెవల్ 2 ఇవెంట్స్

బ్రౌజర్ మద్దతు

లక్షణాలు క్రోమ్ ఐఈ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
clientX మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

సంబంధిత పేజీలు

HTML DOM పరిశీలనాగృహం:MouseEvent clientY అంశం

HTML DOM పరిశీలనాగృహం:MouseEvent screenX అంశం

HTML DOM పరిశీలనాగృహం:MouseEvent screenY అంశం

HTML DOM పరిశీలనాగృహం:MouseEvent offsetX అంశం

HTML DOM పరిశీలనాగృహం:MouseEvent offsetY అంశం

DOM ఈవెంటులు MouseEvent