HTML5 - เหตุการณ์
เมื่อผู้ใช้เยี่ยมชมเว็บไซต์ของคุณพวกเขาทำกิจกรรมต่างๆเช่นคลิกที่ข้อความรูปภาพและลิงก์วางเมาส์เหนือองค์ประกอบที่กำหนดไว้เป็นต้นสิ่งเหล่านี้คือตัวอย่างของสิ่งที่ JavaScript เรียก events.
เราสามารถเขียนตัวจัดการเหตุการณ์ของเราใน Javascript หรือ VBscript และคุณสามารถระบุตัวจัดการเหตุการณ์เหล่านี้เป็นค่าแอตทริบิวต์แท็กเหตุการณ์ ข้อกำหนด HTML5 กำหนดแอตทริบิวต์เหตุการณ์ต่างๆตามรายการด้านล่าง -
เราสามารถใช้ชุดแอตทริบิวต์ต่อไปนี้เพื่อเรียกใช้ javascript หรือ vbscript รหัสที่กำหนดเป็นค่าเมื่อมีเหตุการณ์ใด ๆ เกิดขึ้นสำหรับองค์ประกอบ HTML5 ใด ๆ
เราจะกล่าวถึงเหตุการณ์เฉพาะขององค์ประกอบในขณะที่พูดถึงองค์ประกอบเหล่านั้นโดยละเอียดในบทต่อ ๆ ไป
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| ออฟไลน์ | สคริปต์ | ทริกเกอร์เมื่อเอกสารออฟไลน์ |
| onabort | สคริปต์ | ทริกเกอร์เหตุการณ์ยกเลิก |
| หลังจากพิมพ์ | สคริปต์ | ทริกเกอร์หลังจากพิมพ์เอกสาร |
| onbeforeonload | สคริปต์ | ทริกเกอร์ก่อนโหลดเอกสาร |
| onbeforeprint | สคริปต์ | ทริกเกอร์ก่อนพิมพ์เอกสาร |
| onblur | สคริปต์ | ทริกเกอร์เมื่อหน้าต่างสูญเสียโฟกัส |
| oncanplay | สคริปต์ | ทริกเกอร์เมื่อสื่อเริ่มเล่นได้ แต่อาจต้องหยุดเพื่อบัฟเฟอร์ |
| oncanplaythrough | สคริปต์ | ทริกเกอร์เมื่อสามารถเล่นสื่อจนจบโดยไม่ต้องหยุดการบัฟเฟอร์ |
| onchange | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบเปลี่ยนแปลง |
| เมื่อคลิก | สคริปต์ | ทริกเกอร์เมื่อคลิกเมาส์ |
| oncontextmenu | สคริปต์ | ทริกเกอร์เมื่อเมนูบริบทถูกทริกเกอร์ |
| ondblclick | สคริปต์ | ทริกเกอร์เมื่อดับเบิลคลิกเมาส์ |
| ondrag | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบถูกลาก |
| ondragend | สคริปต์ | ทริกเกอร์เมื่อสิ้นสุดการดำเนินการลาก |
| ondragenter | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบถูกลากไปยังเป้าหมายการดร็อปที่ถูกต้อง |
| ondragleave | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบออกจากเป้าหมายการดร็อปที่ถูกต้อง |
| ondragover | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบถูกลากผ่านเป้าหมายการดร็อปที่ถูกต้อง |
| ondragstart | สคริปต์ | ทริกเกอร์เมื่อเริ่มดำเนินการลาก |
| ondrop | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบที่ลากจะถูกทิ้ง |
| ondurationchange | สคริปต์ | ทริกเกอร์เมื่อความยาวของสื่อเปลี่ยนไป |
| ยกเว้น | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบทรัพยากรสื่อว่างเปล่าอย่างกะทันหัน |
| onended | สคริปต์ | ทริกเกอร์เมื่อสื่อถึงจุดสิ้นสุด |
| ความผิดพลาด | สคริปต์ | ทริกเกอร์เมื่อเกิดข้อผิดพลาด |
| ออนโฟกัส | สคริปต์ | ทริกเกอร์เมื่อหน้าต่างได้รับโฟกัส |
| onformchange | สคริปต์ | ทริกเกอร์เมื่อฟอร์มเปลี่ยนไป |
| onforminput | สคริปต์ | ทริกเกอร์เมื่อฟอร์มได้รับการป้อนข้อมูลของผู้ใช้ |
| onhaschange | สคริปต์ | ทริกเกอร์เมื่อเอกสารมีการเปลี่ยนแปลง |
| oninput | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบได้รับการป้อนข้อมูลของผู้ใช้ |
| oninvalid | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบไม่ถูกต้อง |
| onkeydown | สคริปต์ | ทริกเกอร์เมื่อกดปุ่ม |
| onkeypress | สคริปต์ | ทริกเกอร์เมื่อกดและปล่อยคีย์ |
| onkeyup | สคริปต์ | ทริกเกอร์เมื่อปล่อยคีย์ |
| onload | สคริปต์ | ทริกเกอร์เมื่อเอกสารโหลด |
| onloadeddata | สคริปต์ | ทริกเกอร์เมื่อโหลดข้อมูลสื่อ |
| onloadedmetadata | สคริปต์ | ทริกเกอร์เมื่อโหลดระยะเวลาและข้อมูลสื่ออื่น ๆ ขององค์ประกอบสื่อ |
| onloadstart | สคริปต์ | ทริกเกอร์เมื่อเบราว์เซอร์เริ่มโหลดข้อมูลสื่อ |
| onmessage | สคริปต์ | ทริกเกอร์เมื่อข้อความถูกทริกเกอร์ |
| onmousedown | สคริปต์ | ทริกเกอร์เมื่อกดปุ่มเมาส์ |
| onmousemove | สคริปต์ | ทริกเกอร์เมื่อตัวชี้เมาส์เคลื่อนที่ |
| onmouseout | สคริปต์ | ทริกเกอร์เมื่อตัวชี้เมาส์เคลื่อนออกจากองค์ประกอบ |
| onmouseover | สคริปต์ | ทริกเกอร์เมื่อตัวชี้เมาส์เลื่อนไปที่องค์ประกอบ |
| onmouseup | สคริปต์ | ทริกเกอร์เมื่อปล่อยปุ่มเมาส์ |
| onmousewheel | สคริปต์ | ทริกเกอร์เมื่อล้อเมาส์กำลังหมุน |
| ออนไลน์ | สคริปต์ | ทริกเกอร์เมื่อเอกสารออฟไลน์ |
| ออนไลน์ | สคริปต์ | ทริกเกอร์เมื่อเอกสารออนไลน์ |
| ออนไลน์ | สคริปต์ | ทริกเกอร์เมื่อเอกสารออนไลน์ |
| onpagehide | สคริปต์ | ทริกเกอร์เมื่อหน้าต่างซ่อนอยู่ |
| onpageshow | สคริปต์ | ทริกเกอร์เมื่อมองเห็นหน้าต่าง |
| หยุดชั่วคราว | สคริปต์ | ทริกเกอร์เมื่อข้อมูลสื่อหยุดชั่วคราว |
| onplay | สคริปต์ | ทริกเกอร์เมื่อข้อมูลสื่อกำลังจะเริ่มเล่น |
| กำลังเล่น | สคริปต์ | ทริกเกอร์เมื่อข้อมูลสื่อเริ่มเล่น |
| onpopstate | สคริปต์ | ทริกเกอร์เมื่อประวัติของหน้าต่างเปลี่ยนไป |
| onprogress | สคริปต์ | ทริกเกอร์เมื่อเบราว์เซอร์กำลังดึงข้อมูลสื่อ |
| onratechange | สคริปต์ | ทริกเกอร์เมื่ออัตราการเล่นข้อมูลสื่อเปลี่ยนไป |
| onreadystatechange | สคริปต์ | ทริกเกอร์เมื่อสถานะพร้อมเปลี่ยน |
| onredo | สคริปต์ | ทริกเกอร์เมื่อเอกสารดำเนินการทำซ้ำ |
| ปรับขนาด | สคริปต์ | ทริกเกอร์เมื่อปรับขนาดหน้าต่าง |
| onscroll | สคริปต์ | ทริกเกอร์เมื่อแถบเลื่อนขององค์ประกอบกำลังถูกเลื่อน |
| onseeked | สคริปต์ | ทริกเกอร์เมื่อแอตทริบิวต์การค้นหาขององค์ประกอบสื่อไม่เป็นจริงอีกต่อไปและการค้นหาสิ้นสุดลง |
| onseeking | สคริปต์ | ทริกเกอร์เมื่อแอตทริบิวต์การค้นหาขององค์ประกอบสื่อเป็นจริงและการค้นหาได้เริ่มขึ้นแล้ว |
| เลือก | สคริปต์ | ทริกเกอร์เมื่อองค์ประกอบถูกเลือก |
| ติดตั้ง | สคริปต์ | ทริกเกอร์เมื่อมีข้อผิดพลาดในการดึงข้อมูลสื่อ |
| ที่จัดเก็บ | สคริปต์ | ทริกเกอร์เมื่อเอกสารโหลด |
| onsubmit | สคริปต์ | ทริกเกอร์เมื่อส่งแบบฟอร์ม |
| onsuspend | สคริปต์ | ทริกเกอร์เมื่อเบราว์เซอร์ดึงข้อมูลสื่อ แต่หยุดก่อนที่จะดึงไฟล์สื่อทั้งหมด |
| ontimeupdate | สคริปต์ | ทริกเกอร์เมื่อสื่อเปลี่ยนตำแหน่งการเล่น |
| onundo | สคริปต์ | ทริกเกอร์เมื่อเอกสารดำเนินการเลิกทำ |
| onunload | สคริปต์ | ทริกเกอร์เมื่อผู้ใช้ออกจากเอกสาร |
| onvolumechange | สคริปต์ | ทริกเกอร์เมื่อสื่อเปลี่ยนระดับเสียงและเมื่อตั้งค่าระดับเสียงเป็น "ปิดเสียง" |
| กำลังรอ | สคริปต์ | ทริกเกอร์เมื่อสื่อหยุดเล่น แต่คาดว่าจะกลับมาทำงานต่อ |