sự kiện onmouseout
Thí dụ
Thực thi JavaScript khi di chuyển con trỏ chuột ra khỏi hình ảnh:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Sự kiện onmouseout xảy ra khi con trỏ chuột được di chuyển ra khỏi một phần tử hoặc ra khỏi một trong các phần tử con của nó.
Mẹo: Sự kiện này thường được sử dụng cùng với sự kiện onmouseover , xảy ra khi con trỏ được di chuyển vào một phần tử hoặc vào một trong các phần tử con của nó.
Hỗ trợ trình duyệt
| Event | |||||
|---|---|---|---|---|---|
| onmouseout | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<element onmouseout="myScript">
Trong JavaScript:
object.onmouseout = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("mouseout", myScript);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
| Bong bóng: | Đúng |
|---|---|
| Có thể hủy bỏ: | Đúng |
| Loại sự kiện: | MouseEvent |
| Các thẻ HTML được hỗ trợ: | Tất cả các phần tử HTML, NGOẠI TRỪ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title> |
| Phiên bản DOM: | Sự kiện cấp độ 2 |
Các ví dụ khác
Thí dụ
Ví dụ này cho thấy sự khác biệt giữa các sự kiện onmousemove, onmouseleave và onmouseout:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>