onmouseover ਈਵੈਂਟ

DOM ایونٹ MouseEvent

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

onmouseover ਈਵੈਂਟ ਮਾਊਸ ਪਾਇੰਟਰ ਐਲੀਮੈਂਟ ਜਾਂ ਇਸ ਦੇ ਉਪ ਐਲੀਮੈਂਟ 'ਤੇ ਚਲਾਉਣ ਨਾਲ ਚਲਾਉਂਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਈਵੈਂਟ ਆਮ ਤੌਰ 'ਤੇ onmouseout ایونٹਮਿਲਕੇ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਦੋਂ ਯੂਜ਼ਰ ਮਾਊਸ ਪਾਇੰਟਰ ਨੂੰ ਐਲੀਮੈਂਟ ਤੋਂ ਬਾਹਰ ਲਿਆਉਂਦਾ ਹੈ ਤਾਂ ਇਹ ਈਵੈਂਟ ਚਲਾਉਂਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਮਾਊਸ ਨੂੰ ਚਿੱਤਰ 'ਤੇ ਲਿਆਉਣ ਨਾਲ ਜਾਵਾਸਕ੍ਰਿਪਟ ਚਲਾਉਣਾ:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇਹ ਉਦਾਹਰਣ onmousemove, onmouseenter ਅਤੇ mouseover ਈਵੈਂਟਾਂ ਦਰਮਿਆਨ ਅੰਤਰ ਦਿਸਾਉਂਦਾ ਹੈ:

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate onmouseover!</p>
</div>

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਗਰੰਥਾ

HTML ਵਿੱਚ:

<element onmouseover="myScript">

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਜਿਸ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ:

object.onmouseover = function(){myScript};

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਜਿਸ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ addEventListener() ਮੱਥਾ:

object.addEventListener("mouseover", myScript);

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਟਿੱਪਣੀ:Internet Explorer 8 ਜਾਂ ਪੁਰਾਣੇ ਸਮੇਂ ਤੋਂ ਪਹਿਲਾਂ ਸਮਰਥਨ ਨਹੀਂ ਹੈ addEventListener() ਮੱਥਾ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬੱਸਿੰਗ: مکمل سپورٹ
ਰੱਦ ਕਰਨ ਵਾਲਾ: مکمل سپورٹ
ਈਵੈਂਟ ਪ੍ਰਕਾਰ: MouseEvent
ਸਮਰਥਤ HTML ਟੈਗਸ: ਸਾਰੇ HTML ਐਲੀਮੈਂਟ ਨੂੰ ਛੱਡਕੇ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ਅਤੇ <title>
DOM ورسن: درجہ 2 ایونٹ

براوزر سپورٹ

ایونٹ Chrome IE Firefox Safari Opera
onmouseover مکمل سپورٹ مکمل سپورٹ مکمل سپورٹ مکمل سپورٹ مکمل سپورٹ
DOM ایونٹ MouseEvent