HTML ondragenter Attribute
ความหมายและการใช้งาน
แอ็ตทริบิวต์ ondragenter เริ่มทำงานเมื่อองค์ประกอบที่ลากได้หรือการเลือกข้อความเข้าสู่เป้าหมายการดร็อปที่ถูกต้อง
เหตุการณ์ ondragenter และ ondragleave สามารถช่วยให้ผู้ใช้เข้าใจว่าองค์ประกอบที่ลากได้กำลังจะเข้าหรือออกจากเป้าหมายการดร็อป ซึ่งสามารถทำได้โดย ตัวอย่างเช่น การตั้งค่าสีพื้นหลังเมื่อองค์ประกอบที่ลากได้เข้าสู่เป้าหมายการวาง และการลบสีเมื่อองค์ประกอบถูกย้ายออกจากเป้าหมาย
หากต้องการเรียนรู้เกี่ยวกับการลากและวาง โปรดอ่านบทช่วยสอน HTML เกี่ยวกับHTML5 การลากแล้วปล่อย
เคล็ดลับ:ลิงก์และรูปภาพสามารถลากได้ตามค่าเริ่มต้น และไม่ต้องการแอตทริบิวต์ที่ลากได้
มีแอตทริบิวต์เหตุการณ์มากมายที่ใช้ และสามารถเกิดขึ้นได้ในขั้นตอนต่างๆ ของการดำเนินการลากแล้วปล่อย:
- เหตุการณ์ที่เกิดขึ้นกับเป้าหมายที่ลากได้ (องค์ประกอบต้นทาง) :
- ondragstart - เริ่มทำงานเมื่อผู้ใช้เริ่มลากองค์ประกอบ
- ondrag - ยิงเมื่อองค์ประกอบถูกลาก
- ondragend - เริ่มทำงานเมื่อผู้ใช้ลากองค์ประกอบเสร็จแล้ว
- เหตุการณ์ที่เกิดขึ้นกับเป้าหมายการดรอป:
- ondragenter - ยิงเมื่อองค์ประกอบที่ลากเข้าสู่เป้าหมายการวาง
- ondragover - ยิงเมื่อองค์ประกอบที่ลากอยู่เหนือเป้าหมายการวาง
- ondragleave - ยิงเมื่อองค์ประกอบที่ถูกลากออกจากเป้าหมายการดร็อป
- ondrop - ยิงเมื่อองค์ประกอบที่ลากถูกดร็อปบนเป้าหมายการดร อป
นำไปใช้กับ
แอตทริบิวต์ ondragenter เป็นส่วนหนึ่งของแอตทริบิวต์เหตุการณ์และสามารถใช้ได้กับองค์ประกอบ HTML ใดๆ
องค์ประกอบ | เหตุการณ์ |
---|---|
องค์ประกอบ HTML ทั้งหมด | ondragenter |
ตัวอย่าง
ตัวอย่าง Div
เรียกใช้ JavaScript เมื่อองค์ประกอบที่ลากได้เข้าสู่เป้าหมายการวาง:
<div ondragenter="myFunction(event)"></div>
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์เหตุการณ์อย่างสมบูรณ์
Event Attribute | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |