Sự kiện onmousemove

Sự kiện DOM MouseEvent

Định nghĩa và cách sử dụng

Sự kiện onmousemove xảy ra khi con trỏ di chuyển trên yếu tố.

Mô hình

Ví dụ 1

Thực thi JavaScript khi con trỏ chuột di chuyển trên <div> yếu tố.

<div onmousemove="myFunction()">Chuyển con trỏ chuột qua tôi</div>

Thử ngay

Ví dụ 2

Ví dụ này minh họa sự khác biệt giữa các sự kiện onmousemove, onmouseenter và mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Tôi sẽ minh họa với onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Tôi sẽ minh họa với onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Tôi sẽ minh họa với onmouseover!</p>
</div>

Thử ngay

Ví dụ 3

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="demo">Tôi sẽ minh họa với onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Tôi sẽ minh họa với onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Tôi sẽ minh họa với onmouseout!</p>
</div>

Thử ngay

Cú pháp

Trong HTML:

<element onmousemove="myScript">

Thử ngay

Trong JavaScript:

object.onmousemove = function(){myScript};

Thử ngay

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("mousemove", myScript);

Thử ngay

Chú ý:Internet Explorer 8 hoặc các phiên bản trước không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Bùng nổ: Hỗ trợ
Có thể hủy: Hỗ trợ
Loại sự kiện: MouseEvent
Các thẻ HTML được hỗ trợ: Tất cả các phần tử HTML, trừ:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title>
Phiên bản DOM: Sự kiện Level 2

Hỗ trợ trình duyệt

Sự kiện Chrome IE Firefox Safari Opera
onmousemove Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM MouseEvent