Event na onmouseout

Pagsasakop at Paggamit

Mangyayari ang event na onmouseout kapag ang pointer ng mouse ay ililipat palabas ng elemento o anumang bataang elemento nito.

Mga tip:Ang event na ito ay karaniwang ginagamit kasama: onmouseover 事件Kasama ang paggamit, mangyayari ang event kapag ang pointer ng mouse ay ililipat sa elemento o anumang bataang elemento nito.

Mga katutuban

Halimbawa 1

Ipatag ang JavaScript kapag inililipat ang mouse pointer palabas ng imahe:

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

Subukan nang personal mo

Halimbawa 2

Ang halimbawa na ito ay nagpapakita ng pagkakaiba ng mga event na onmousemove, onmouseleave, at onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ako ay ipapakita ang onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Ako ay ipapakita ang onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Ako ay ipapakita ang onmouseout!</p>
</div>

Subukan nang personal mo

Gramata:

Sa HTML:

<element onmouseout="myScript">

Subukan nang personal mo

Sa JavaScript:

object.onmouseout = function(){myScript};

Subukan nang personal mo

Sa JavaScript, gamit ang addEventListener() method:

object.addEventListener("mouseout", myScript);

Subukan nang personal mo

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

Detalye ng teknolohiya

Bububong: 支持
Maaaring kanselahin: 支持
Uri ng event: 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 版本: Level 2 Events

浏览器支持

事件 Chrome IE Firefox Safari Opera
onmouseout 支持 支持 支持 支持 支持