onmouseenter 事件

DOM ایونٹ MouseEvent

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

onmouseenter 事件 ਜਦੋਂ ਮਾਉਸ ਪਾਇੰਟਰ ਇਲੈਕਟ੍ਰੋਨ ਉੱਤੇ ਚਲਾਉਣ ਉੱਤੇ ਹੁੰਦਾ ਹੈ。

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

ਸੁਝਾਅ: onmouseenter ਈਵੈਂਟ ਇਸ ਨਾਲ ਸਮਾਨ ਹੈ onmouseover ایونٹਇੱਕਮਾਤਰ ਅੰਤਰ ਇਹ ਹੈ ਕਿ onmouseenter ਈਵੈਂਟ ਬੁਬਲ ਨਹੀਂ ਕਰਦਾ (ਇਹ ਉੱਚ ਪੱਧਰ ਦੇ ਡੋਕੂਮੈਂਟ ਸ਼੍ਰੇਣੀ ਵਿੱਚ ਨਹੀਂ ਫੈਲਦਾ)। ਪੰਨੇ ਦੇ ਨੀਚੇ ਹੋਰ ਉਦਾਹਰਣਾਂ ਦੇ ਲਈ ਦੇਖੋ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਮਾਉਸ ਪਾਇੰਟਰ ਚਿੱਤਰ 'ਤੇ ਲਿਆਉਣ ਤੇ JavaScript ਚਲਾਉਣ:

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

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਉਦਾਹਰਣ 2

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

<div onmousemove="myMoveFunction()">
  <p id="demo">ਮੈਂ ਇਸ ਵਿੱਚ onmousemove ਦਿਖਾਵਾਂਗਾ!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">ਮੈਂ ਇਸ ਵਿੱਚ onmouseenter ਦਿਖਾਵਾਂਗਾ!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">ਮੈਂ ਇਸ ਵਿੱਚ onmouseover ਦਿਖਾਵਾਂਗਾ!</p>
</div>

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਗਰੈਮਰ

HTML ਵਿੱਚ:

<element onmouseenter="myScript">

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਜ਼ਰੂਰਤ ਹੈ ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ:

object.onmouseenter = function(){myScript};

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਜ਼ਰੂਰਤ ਹੈ ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ, addEventListener() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:

object.addEventListener("mouseenter", myScript);

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਟਿੱਪਣੀ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 ਜਾਂ ਪੁਰਾਣੇ ਤੋਂ ਪਹਿਲਾਂ ਸਪੋਰਟ ਨਹੀਂ ਕਰਦਾ addEventListener() ਮੈਥਡ.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬੁਬਲ ਕਰਨਾ: ਨਹੀਂ ਸਪੋਰਟ
ਰੈਂਸੈਲਬਲ: ਨਹੀਂ ਸਪੋਰਟ
ਈਵੈਂਟ ਟਾਈਪਸ: MouseEvent
ਸਪੋਰਟ ਕੀਤੇ ਹੋਏ HTML ਟੈਗਸ: ਸਾਰੇ HTML ਐਲੀਮੈਂਟਸ, ਮੁਕਤ ਕੀਤੇ ਹਨ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ਅਤੇ <title>
DOM ਵਰਜਨਾਂ: ਲੈਵਲ 2 ਈਵੈਂਟ

ਬਰਾਊਜ਼ਰ ਸਪੋਰਟ

تبلیغ میں نمبر کا ذکر، پہلا براوزر وار، جس میں اس ایونٹ کو پورا طریقے سے پشتیبند کیا گیا ہے، کیا گیا ہے۔

ایونٹ Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 پشتیبندی 6.1 11.5
DOM ایونٹ MouseEvent