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