Sự kiện onmouseover

Sự kiện DOM MouseEvent

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

Sự kiện onmouseover xảy ra khi con trỏ chuột di chuyển đến phần tử hoặc các phần tử con của nó.

Lưu ý:Sự kiện này thường được sử dụng cùng với Sự kiện onmouseoutKhi người dùng di chuyển con trỏ chuột ra khỏi phần tử, sự kiện này sẽ xảy ra.

Bài tập

Ví dụ 1

Chạy JavaScript khi con trỏ chuột di chuyển đến hình ảnh:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

Thử ngay!

Ví dụ 2

Ví dụ này演示 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ẽ演示 onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Tôi sẽ演示 onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Tôi sẽ演示 onmouseover!</p>
</div>

Thử ngay!

Cú pháp

Trong HTML:

<element onmouseover="myScript">

Thử ngay!

Trong JavaScript:

object.onmouseover = function(){myScript};

Thử ngay!

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

object.addEventListener("mouseover", 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: Level 2 Events

Hỗ trợ trình duyệt

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