ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


HTML ondragenter Event Attribute

❮ คุณสมบัติเหตุการณ์ HTML

ตัวอย่าง

เรียกใช้ JavaScript เมื่อองค์ประกอบที่ลากได้เข้าสู่เป้าหมายการวาง:

<div ondragenter="myFunction(event)"></div>

ความหมายและการใช้งาน

แอ็ตทริบิวต์ ondragenter เริ่มทำงานเมื่อองค์ประกอบที่ลากได้หรือการเลือกข้อความเข้าสู่เป้าหมายการดร็อปที่ถูกต้อง

เหตุการณ์ ondragenter และ ondragleave สามารถช่วยให้ผู้ใช้เข้าใจว่าองค์ประกอบที่ลากได้กำลังจะเข้าหรือออกจากเป้าหมายการดร็อป ซึ่งสามารถทำได้โดย ตัวอย่างเช่น การตั้งค่าสีพื้นหลังเมื่อองค์ประกอบที่ลากได้เข้าสู่เป้าหมายการวาง และการลบสีเมื่อองค์ประกอบถูกย้ายออกจากเป้าหมาย

การลากและวางเป็นคุณลักษณะทั่วไปใน HTML5 คือเมื่อคุณ "คว้า" วัตถุแล้วลากไปยังตำแหน่งอื่น สำหรับข้อมูลเพิ่มเติม โปรดดูบทช่วยสอน HTML ของเราเกี่ยวกับHTML5 Drag and Drop

หมายเหตุ:ในการทำให้องค์ประกอบสามารถลากได้ ให้ใช้ แอตทริบิวต์ ที่ ลาก ได้ของ HTML5 ทั่วโลก

เคล็ดลับ:ลิงก์และรูปภาพสามารถลากได้ตามค่าเริ่มต้น และไม่ต้องการแอตทริบิวต์ที่ลากได้

มีแอตทริบิวต์เหตุการณ์มากมายที่ใช้ และสามารถเกิดขึ้นได้ในขั้นตอนต่างๆ ของการดำเนินการลากแล้วปล่อย:

  • เหตุการณ์ที่เกิดขึ้นกับเป้าหมายที่ลากได้ (องค์ประกอบต้นทาง) :
    • ondragstart - เริ่มทำงานเมื่อผู้ใช้เริ่มลากองค์ประกอบ
    • ondrag - ยิงเมื่อองค์ประกอบถูกลาก
    • ondragend - เริ่มทำงานเมื่อผู้ใช้ลากองค์ประกอบเสร็จแล้ว

  • เหตุการณ์ที่เกิดขึ้นกับเป้าหมายการดรอป:
    • ondragenter - ยิงเมื่อองค์ประกอบที่ลากเข้าสู่เป้าหมายการวาง
    • ondragover - ยิงเมื่อองค์ประกอบที่ลากอยู่เหนือเป้าหมายการวาง
    • ondragleave - ยิงเมื่อองค์ประกอบที่ถูกลากออกจากเป้าหมายการดร็อป
    • ondrop - ยิงเมื่อองค์ประกอบที่ลากถูกดร็อปบนเป้าหมายการดร อป

รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์เหตุการณ์อย่างสมบูรณ์

Event Attribute
ondragenter 4.0 9.0 3.5 6.0 12.0

ไวยากรณ์

<element ondragenter="script">

ค่าแอตทริบิวต์

Value Description
script The script to be run on ondragenter

รายละเอียดทางเทคนิค

แท็ก HTML ที่รองรับ: องค์ประกอบ HTML ทั้งหมด

หน้าที่เกี่ยวข้อง

บทช่วยสอน HTML: HTML5 การลากและวาง

การอ้างอิง HTML: แอตทริบิวต์ HTML ที่ลากได้

การอ้างอิง HTML DOM: ondragenter Event


❮ คุณสมบัติเหตุการณ์ HTML