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