jQuery mouseout ()เมธอด
ตัวอย่าง
ตั้งค่าสีพื้นหลังเป็นสีเทา เมื่อตัวชี้เมาส์ออกจาก <p> องค์ประกอบ:
$("p").mouseout(function(){
$("p").css("background-color", "gray");
});
ความหมายและการใช้งาน
เหตุการณ์ mouseout เกิดขึ้นเมื่อตัวชี้เมาส์ออกจากองค์ประกอบที่เลือก
mouseout() วิธีการเรียกเหตุการณ์ mouseout หรือแนบฟังก์ชันการทำงานเมื่อเกิดเหตุการณ์ mouseout
หมายเหตุ:ไม่เหมือนกับ เหตุการณ์ mouseleaveเหตุการณ์ mouseout จะถูกทริกเกอร์หากตัวชี้เมาส์ปล่อยองค์ประกอบย่อยและองค์ประกอบที่เลือกไว้ เหตุการณ์ mouseleave จะทริกเกอร์เมื่อตัวชี้เมาส์ออกจากองค์ประกอบที่เลือกเท่านั้น ดูตัวอย่างที่ส่วนท้ายของหน้าสำหรับการสาธิต
เคล็ดลับ:เหตุการณ์นี้มักใช้ร่วมกับเหตุการณ์ เมาส์โอเวอร์
ไวยากรณ์
ทริกเกอร์เหตุการณ์ mouseout สำหรับองค์ประกอบที่เลือก:
$(selector).mouseout()
แนบฟังก์ชันกับเหตุการณ์ mouseout:
$(selector).mouseout(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseout event is triggered |
ลองด้วยตัวคุณเอง - ตัวอย่าง
แสดงให้เห็นถึงความแตกต่างระหว่าง mouseout() และ mouseleave()