เหตุการณ์ onmouseover

เหตุการณ์ DOM MouseEvent

คำนิยามและวิธีใช้

เหตุการณ์ onmouseover มีที่เกิดขึ้นเมื่อตัวชิ้นส่วนหรือลูกของตัวชิ้นส่วนถูกเคลื่อนที่ตัวชิ้นส่วนเข้าสู่

คำแนะนำ:เหตุการณ์นี้มักถูกใช้ร่วมกับ เหตุการณ์ onmouseoutใช้ร่วมกัน การเกิดเหตุการณ์นี้เกิดขึ้นเมื่อผู้ใช้เคลื่อนที่ตัวชิ้นส่วนออกจากอิเลเมนต์

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript ขณะเคลื่อนที่ตัวชิ้นส่วนเข้าสู่ภาพ:

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

ลองด้วยตัวเอง

ตัวอย่าง 2

ตัวอย่างนี้แสดงความแตกต่างระหว่างเหตุการณ์ onmousemove, onmouseenter และ mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">จะแสดงที่นี่ onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">จะแสดงที่นี่ onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">จะแสดงที่นี่ onmouseover!</p>
</div>

ลองด้วยตัวเอง

รูปแบบการใช้งาน

ใน HTML

<element onmouseover="myScript">

ลองด้วยตัวเอง

ใน JavaScript

object.onmouseover = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener()

object.addEventListener("mouseover", myScript);

ลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener()。

รายละเอียดเทคนิค

การลุล่วง การสนับสนุน
ยกเลิกได้ การสนับสนุน
ชนิดเหตุการณ์ MouseEvent
ตารางสนับสนุนตาม HTML แทร็ก ทั้งหมดอิเลเมนต์ HTML ทั้งหมด ยกเว้น：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> และ <title>
เวอร์ชั่น DOM: เหตุการณ์ Level 2

การสนับสนุนเบราเซอร์

เหตุการณ์ Chrome IE Firefox Safari Opera
onmouseover การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน
เหตุการณ์ DOM MouseEvent