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