Sự kiện onmouseleave
Ví dụ
Gọi hàm khi di chuyển con trỏ chuột ra khỏi hình ảnh:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Sự kiện onmouseleave
xảy ra khi con trỏ chuột rời khỏi một phần tử .
Sự kiện onmouseleave
thường được sử dụng cùng với sự kiện onmouseenter
, xảy ra khi con trỏ chuột nhập vào một phần tử.
Sự kiện onmouseleave
tương tự như sự kiện onmouseout
. Sự khác biệt là sự kiện onmouseleave
không bong bóng (không lan truyền theo thứ bậc tài liệu). Xem "Ví dụ khác" ở cuối trang này để hiểu rõ hơn về sự khác biệt.
Sự kiện chuột
Event | Occurs When |
---|---|
onclick | The user clicks on an element |
oncontextmenu | The user right-clicks on an element |
ondblclick | The user double-clicks on an element |
onmousedown | A mouse button is pressed over an element |
onmouseenter | The pointer is moved onto an element |
onmouseleave | The pointer is moved out of an element |
onmousemove | The pointer is moving over an element |
onmouseout | The mouse pointer moves out of an element |
onmouseover | The mouse pointer is moved over an element |
onmouseup | The mouse button is released over an element |
Xem thêm:
Hướng dẫn:
Cú pháp
Trong JavaScript, sử dụng phương thức addEventListener():
object .addEventListener("mouseleave", myScript );
Hãy tự mình thử » Chi tiết kỹ thuật
Bong bóng: | KHÔNG |
---|---|
Có thể hủy: | KHÔNG |
Loại sự kiện: | ChuộtSự kiện |
Thẻ HTML: | 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 |
Thêm ví dụ
Ví dụ
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="demo1">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>
Hãy tự mình thử »Hỗ trợ trình duyệt
onmouseleave
là tính năng DOM cấp 2 (2001).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |