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