Sự kiện onmouseleave
Thí dụ
Thực thi JavaScript khi di chuyển con trỏ chuột ra khỏi hình ảnh:
<img onmouseleave="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 onmouseleave xảy ra khi con trỏ chuột được di chuyển ra khỏi một phần tử.
Mẹo: Sự kiện này thường được sử dụng cùng với sự kiện onmouseenter , xảy ra khi con trỏ chuột được di chuyển vào một phần tử.
Mẹo: Sự kiện onmouseleave tương tự như sự kiện onmouseout . Sự khác biệt duy nhất là sự kiện onmouseleave không bong bóng (không lan truyền lên hệ thống phân cấp tài liệu). Xem phần "Ví dụ khác" ở cuối trang này để hiểu rõ hơn về sự khác biệt.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ sự kiện.
Event | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Cú pháp
Trong HTML:
<element onmouseleave="myScript">
Trong JavaScript:
object.onmouseleave = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("mouseleave", 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: | Không |
---|---|
Có thể hủy bỏ: | Khô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>