Pangyayari ng onmouseover

DOM Event MouseEvent

Paglilinaw at Paggamit

Ang pangyayari ng onmouseover ay nangyayari kapag ang mouse pointer ay inililipat sa elemento o sa kanyang mga anak na elemento.

Paalala:Ang pangyayari na ito ay karaniwang nakakasama sa: onmouseout EventGinagamit nang magkasama, nang magpalabas ang mouse pointer mula sa elemento, magaganap ang pangyayari na ito.

Halimbawa

Halimbawa 1

Ipatag ang JavaScript kapag inililipat ang mouse pointer sa imahe:

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

Subukan nang personal

Halimbawa 2

Ang halimbawa na ito ay nagpapakita ng pagkakaiba ng mga pangyayari ng onmousemove, onmouseenter at mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ako ay magpapakita sa onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Ako ay magpapakita sa onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Ako ay magpapakita sa onmouseover!</p>
</div>

Subukan nang personal

Pangangatwiran

Sa HTML:

<element onmouseover="myScript">

Subukan nang personal

Sa JavaScript:

object.onmouseover = function(){myScript};

Subukan nang personal

Sa JavaScript, gamit ang addEventListener() method:

object.addEventListener("mouseover", myScript);

Subukan nang personal

Komentaryo:Ang Internet Explorer 8 o mas maaga ay hindi sumusuporta Mga paraan ng addEventListener().

Detalye ng teknolohiya

Bubble: Support
Makakansela: Support
Uri ng pangyayari: MouseEvent
Suportadong HTML na tag: Lahat ng HTML na elemento, maliban sa: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> at <title>
DOM Version: Level 2 Events

Browser Support

Event Chrome IE Firefox Safari Opera
onmouseover Support Support Support Support Support
DOM Event MouseEvent