Sự kiện onmousemove
Thí dụ
Thực thi JavaScript khi di chuyển con trỏ chuột qua phần tử <div>:
<div onmousemove="myFunction()">Move the cursor over me</div>
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 onmousemove xảy ra khi con trỏ di chuyển trong khi nó ở trên một phần tử.
Hỗ trợ trình duyệt
Event | |||||
---|---|---|---|---|---|
onmousemove | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<element onmousemove="myScript">
Trong JavaScript:
object.onmousemove = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("mousemove", 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>
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>