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