ตัวอย่าง
การตั้งค่าสีพื้นหลังเป็นสีเทาเมื่อชี้เมาส์ใบ <p> องค์ประกอบ:
$("p").mouseout(function(){
$("p").css("background-color", "gray");
});
ลองตัวเอง» ความหมายและการใช้งาน
mouseout เหตุการณ์เกิดขึ้นเมื่อตัวชี้เมาส์ออกจากส่วนที่เลือกอยู่
mouseout() วิธีการเรียก mouseout เหตุการณ์หรือการยึดติดฟังก์ชั่นการทำงานเมื่อ mouseout เหตุการณ์เกิดขึ้น
หมายเหตุ: ซึ่งแตกต่างจาก mouseleave เหตุการณ์ที่ mouseout เหตุการณ์จะถูกเรียกตัวชี้เมาส์ถ้าใบองค์ประกอบของเด็ก ๆ เช่นเดียวกับองค์ประกอบที่เลือกmouseleave เหตุการณ์เดียวทริกเกอร์เมื่อตัวชี้เมาส์ออกจากส่วนที่เลือกอยู่ ดูตัวอย่างในตอนท้ายของหน้าสำหรับการสาธิตการให้
เคล็ดลับ: เหตุการณ์นี้มักจะถูกนำมาใช้ร่วมกับ mouseover เหตุการณ์
วากยสัมพันธ์
เรียก mouseout เหตุการณ์สำหรับองค์ประกอบที่เลือก:
$(selector).mouseout()
Try it
แนบฟังก์ชั่นที่จะมีเหตุการณ์ mouseout ไปนี้:
$(selector).mouseout(function)
Try it
| พารามิเตอร์ | ลักษณะ |
|---|---|
| function | ไม่จำเป็น ระบุฟังก์ชั่นในการทำงานเมื่อ mouseout เหตุการณ์จะถูกเรียก |
ลองตัวเอง - ตัวอย่าง
ความแตกต่างระหว่าง mouseout() และ mouseleave()
แสดงให้เห็นถึงความแตกต่างระหว่าง mouseout() และ mouseleave()