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