เหตุการณ์ onmouseout

เหตุการณ์ DOM MouseEvent

การระบุและการใช้งาน

เหตุการณ์ onmouseout จะเกิดขึ้นเมื่อตัวชิ้นหรือหลักของตัวชิ้นมีการเคลื่อนที่ของเหตุการณ์

คำแนะนำ:เหตุการณ์นี้มักใช้ร่วมกับ เหตุการณ์ onmouseoverใช้ร่วมกัน เมื่อตัวชิ้นหรือหลักของตัวชิ้นมีการเคลื่อนที่ของเหตุการณ์

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript ตอนที่ตัวชิ้นที่มีเหตุการณ์ onmouseout

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

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

ตัวอย่าง 2

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

<div onmousemove="myMoveFunction()">
  <p id="demo">จะมีการแสดงถึง onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">จะมีการแสดงถึง onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">จะมีการแสดงถึง onmouseout!</p>
</div>

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

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

ใน HTML

<element onmouseout="myScript">

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

ใน JavaScript

object.onmouseout = function(){myScript};

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

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

object.addEventListener("mouseout", myScript);

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

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

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

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

การสนับสนุนโดยบราวเซอร์

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