sự kiện onmouseenter
Thí dụ
Thực thi JavaScript khi di chuyển con trỏ chuột vào hình ảnh:
<img onmouseenter="bigImg(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 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 này thường được sử dụng cùng với 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 onmouseenter tương tự như sự kiện onmouseover . Sự khác biệt duy nhất là sự kiện onmouseenter 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 | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Cú pháp
Trong HTML:
<element onmouseenter="myScript">
Trong JavaScript:
object.onmouseenter = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("mouseenter", 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, onmouseenter và mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>