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