MouseEvent pageY అంశం

DOM ఇవెంట్స్ MouseEvent

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

మౌస్ ఇవెంట్ ప్రారంభమైనప్పుడు pageY అంశం మౌస్ పింటర్ ఉన్నతి కోణాన్ని (డాక్యుమెంట్ నిర్దేశం తో సంబంధించినది) ప్రస్తుతిస్తుంది.

డాక్యుమెంట్ అనేది వెబ్ పేజీ.

సూచన:మౌస్ పింటర్ అడుగు కోణాన్ని (డాక్యుమెంట్ నిర్దేశం తో సంబంధించినది) పొందడానికి ఉపయోగించండి pageX అంశం.

ప్రత్యామ్నాయం:ఈ అంశం ఓవర్ రీడ్ మాత్రమే.

ప్రత్యామ్నాయం:ఈ అంశం అనియంత్రితమైనది కానీ ప్రధాన బ్రౌజర్లకు సంబంధించినది.

ఉదాహరణ

ఉదాహరణ 1

మెటీరియల్ పై మౌస్ బటన్ నొక్కినప్పుడు మౌస్ పింటర్ కోణాలను ప్రస్తుతించండి:

var x = event.pageX;     // అడుగు కోణం పొందండి
var y = event.pageY;     // ప్రాంతం కోణం పొందండి
var coor = "X coords: " + x + ", Y coords: " + y;

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

ఉదాహరణ 2

మౌస్ పింటర్ సింగిల్ మెటీరియల్ పై కదిలినప్పుడు మౌస్ పింటర్ కోణాలను ప్రస్తుతించండి:

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

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

ఉదాహరణ 3

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

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

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

సంకేతం

event.pageY

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

తిరిగి వచ్చే విలువ: సంఖ్యాకరణంగా వాల్యూ, మౌస్ పింటర్ ఉన్నతి కోణం పైన పిక్సెల్స్ గా ప్రకటించబడుతుంది.
DOM వెర్షన్: ఉండదు。

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

అంశం Chrome IE Firefox సఫారీ ఓపెరా
pageY మద్దతు 12.0 మద్దతు మద్దతు మద్దతు

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

HTML DOM పరిధి పుస్తకం:MouseEvent pageX లక్షణం

HTML DOM పరిధి పుస్తకం:MouseEvent clientX లక్షణం

HTML DOM పరిధి పుస్తకం:MouseEvent clientY లక్షణం

HTML DOM పరిధి పుస్తకం:MouseEvent screenX లక్షణం

HTML DOM పరిధి పుస్తకం:MouseEvent screenY లక్షణం

DOM ఇవెంట్స్ MouseEvent