Sự kiện onmouseover
Thí dụ
Thực thi JavaScript khi di chuyển con trỏ chuột vào hình ảnh:
<img onmouseover="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 onmouseover xảy ra khi con trỏ chuột đượ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ó.
Mẹo: Sự kiện này thường được sử dụng cùng với sự kiện onmouseout , xảy ra khi người dùng di chuyển con trỏ chuột ra khỏi một phần tử.
Hỗ trợ trình duyệt
Event | |||||
---|---|---|---|---|---|
onmouseover | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<element onmouseover="myScript">
Trong JavaScript:
object.onmouseover = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("mouseover", 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, 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>