Sự kiện onmouseout

Sự kiện DOM MouseEvent

Định nghĩa và cách sử dụng

Sự kiện onmouseout sẽ xảy ra khi con trỏ chuột di chuyển ra khỏi phần tử hoặc một phần tử con của nó.

Lưu ý:Sự kiện này thường được sử dụng cùng với Sự kiện onmouseoverKhi sử dụng cùng nhau, sự kiện này sẽ xảy ra khi con trỏ chuột di chuyển đến phần tử hoặc một phần tử con của nó.

Mô hình

Ví dụ 1

Chạy JavaScript khi con trỏ chuột di chuyển ra khỏi hình ảnh:

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

Thử ngay lập tức

Ví dụ 2

Ví dụ này minh họa sự khác biệt giữa các sự kiện onmousemove, onmouseleave và onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Tôi sẽ演示 onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Tôi sẽ演示 onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Tôi sẽ演示 onmouseout!</p>
</div>

Thử ngay lập tức

Cú pháp

Trong HTML:

<element onmouseout="myScript">

Thử ngay lập tức

Trong JavaScript:

object.onmouseout = function(){myScript};

Thử ngay lập tức

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("mouseout", myScript);

Thử ngay lập tức

Chú ý:Internet Explorer 8 hoặc các phiên bản trước không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Bubbling: Hỗ trợ
Có thể hủy: Hỗ trợ
Loại sự kiện: MouseEvent
Các thẻ HTML được hỗ trợ: Tất cả các phần tử HTML, trừ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title>
Phiên bản DOM: Level 2 Events

Hỗ trợ trình duyệt

Sự kiện Chrome IE Firefox Safari Opera
onmouseout Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM MouseEvent