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