MouseEvent screenX లక్షణం

DOM ఇవెంట్స్ MouseEvent

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

screenX లక్షణం వాడినప్పుడు మౌస్ పిండికి వ్యాసం నిర్ధారించడానికి సంబంధించిన పెరిక్సెల్స్ తో ఉంటాయి.

సలహా:మౌస్ పిండికి వర్గం విలువలను పొందడానికి, వాడండి: screenY లక్షణం

ప్రత్యామ్నాయంగా:ఈ లక్షణం రాదారి ఉంది.

ఉదాహరణ

ఉదాహరణ 1

మౌస్ బటన్ మీద క్లిక్ చేసినప్పుడు, మౌస్ పిండికి స్క్రీన్ సంబంధించిన కోర్డినేట్స్ పొందండి:

var x = event.screenX;     // వ్యాసం విలువలు పొందడానికి
var y = event.screenY;     // వర్గం విలువలు పొందడానికి
var coor = "X coords: " + x + ", Y coords: " + y;

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

ఉదాహరణ 2

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

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

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

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

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

లక్షణం Chrome IE ఫైర్ఫాక్స్ సఫారీ ఒపెరా
screenX మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

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

HTML DOM పరిశీలనాగారం:MouseEvent screenY లక్షణం

HTML DOM పరిశీలనాగారం:MouseEvent clientX లక్షణం

HTML DOM పరిశీలనాగారం:MouseEvent clientY లక్షణం

HTML DOM పరిశీలనాగారం:MouseEvent offsetX లక్షణం

HTML DOM పరిశీలనాగారం:MouseEvent offsetY లక్షణం

DOM ఇవెంట్స్ MouseEvent