บทช่วยสอน เหตุการณ์ HTML ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ คุณสมบัติเหตุการณ์ที่ทั่วโลก,หน้าต่างคุณสมบัติของเหตุการณ์ (เหตุการณ์หน้าต่าง Attributes),เหตุการณ์แบบฟอร์ม (เหตุการณ์แบบฟอร์ม),เหตุการณ์แป้นพิมพ์ (Keyboard เหตุการณ์),เหตุการณ์ของเมาส์ (Mouse เหตุการณ์),เหตุการณ์มัลติมีเดีย (Media เหตุการณ์),กิจกรรมอื่น ๆ,
หนึ่งคุณลักษณะใหม่คือการที่คุณสามารถทำให้เหตุการณ์ HTML 4 HTML เรียกพฤติกรรมของเบราว์เซอร์, การพูด, การเริ่มต้น JavaScript เมื่อผู้ใช้คลิกที่องค์ประกอบ HTML
ถ้าคุณต้องการที่จะเรียนรู้เพิ่มเติมเกี่ยวกับอสังหาริมทรัพย์เหตุการณ์ที่ สอน JavaScript
ตารางต่อไปนี้คุณสมบัติมาตรฐานเหตุการณ์ที่พวกเขาสามารถแทรกลงในองค์ประกอบ HTML / XHTML เพื่อกำหนดดำเนินการจัดกิจกรรม
ใหม่: HTML5 คุณสมบัติใหม่ของเหตุการณ์
เหตุการณ์นี้ถูกเรียกโดยหน้าต่าง (สำหรับ <body>):
คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
---|---|---|
onafterprint ใหม่ | ต้นฉบับ | หลังจากที่คุณเรียกใช้สคริปต์ในการพิมพ์เอกสาร |
OnBeforePrint ใหม่ | ต้นฉบับ | ก่อนที่จะเรียกใช้สคริปต์เอกสารที่มีการพิมพ์ |
onbeforeonload ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์ก่อนเอกสารที่มีการโหลด |
onblur | ต้นฉบับ | เรียกใช้สคริปต์เมื่อหน้าต่างสูญเสียโฟกัส |
onerror ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเกิดข้อผิดพลาด |
onfocus | ต้นฉบับ | เรียกใช้สคริปต์เมื่อหน้าต่างได้รับโฟกัส |
onhaschange ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเอกสารที่มีการเปลี่ยนแปลง |
onload | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเอกสารถูกโหลด |
OnMessage ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อมีข้อความไก |
onoffline ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเอกสารออฟไลน์ |
ononline ใหม่ | ต้นฉบับ | เมื่อเรียกใช้สคริปต์ในบรรทัดเอกสาร |
onpagehide ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อหน้าต่างที่ถูกซ่อนอยู่ |
onpageshow ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อหน้าต่างจะมองเห็นได้ |
onpopstate ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อประวัติการเปลี่ยนแปลงหน้าต่าง |
onredo ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเอกสารถูกดำเนินการแล้วดำเนินการ (ทำซ้ำ) |
onResize ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อหน้าต่างมีการปรับขนาด |
onstorage ใหม่ | ต้นฉบับ | เมื่อเว็บเก็บพื้นที่ Update (ข้อมูลเมื่อมีการเปลี่ยนแปลงเกิดขึ้นในพื้นที่หน่วยความจำ) เพื่อเรียกใช้สคริปต์ |
onundo ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเอกสารที่จะดำเนินการเพิกถอน |
onunload ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อผู้ใช้ออกเอกสาร |
ทริกเกอร์เหตุการณ์แบบฟอร์ม (สำหรับทุกองค์ประกอบ HTML แต่องค์ประกอบของรูปแบบ HTML ภายในฟอร์ม) ในรูปแบบ HTML โดย:
คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
---|---|---|
onblur | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบสูญเสียโฟกัส |
onChange | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบที่มีการเปลี่ยนแปลง |
OnContextMenu ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเมนูบริบททริกเกอร์ |
onfocus | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบที่ได้รับการมุ่งเน้น |
onformchange ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อฟอร์มการเปลี่ยนแปลง |
onforminput ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อฟอร์มที่จะได้รับการป้อนข้อมูลของผู้ใช้ |
oninput ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบที่จะได้รับการป้อนข้อมูลของผู้ใช้ |
oninvalid ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบที่ไม่ถูกต้อง |
onreset | ต้นฉบับ | เรียกใช้สคริปต์เมื่อฟอร์มถูกรีเซ็ต HTML 5 จะไม่ได้รับการสนับสนุน |
onselect | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบที่เลือก |
onsubmit | ต้นฉบับ | เรียกใช้สคริปต์เมื่อการส่งแบบฟอร์ม |
คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
---|---|---|
onkeydown | ต้นฉบับ | เรียกใช้สคริปต์เมื่อคีย์ถูกกด |
onkeypress | ต้นฉบับ | เรียกใช้สคริปต์เมื่อคุณกดและปล่อยปุ่ม |
OnKeyUp | ต้นฉบับ | เรียกใช้สคริปต์เมื่อคีย์ถูกปล่อยออก |
เรียกโดยเหตุการณ์ของเมาส์, พฤติกรรมของผู้ใช้ที่คล้ายกัน:
คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
---|---|---|
onclick | ต้นฉบับ | เรียกใช้สคริปต์เมื่อคุณคลิกเมาส์ |
ondblclick | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเมาส์ดับเบิลคลิก |
ondrag ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบลาก |
ondragend ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อการดำเนินการลากสิ้นสุด |
OnDragEnter ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบถูกลากไปยังเป้าหมายที่ถูกต้องลดลง |
ondragleave ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบออกจากเป้าหมายที่ถูกต้องลดลง |
OnDragOver ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบถูกลากไปที่ถูกต้องลดลงข้ามคานออกไป |
ondragstart ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเริ่มต้นการดำเนินการลาก |
ondrop ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อองค์ประกอบที่จะถูกลากลดลง |
onmousedown | ต้นฉบับ | เรียกใช้สคริปต์เมื่อกดปุ่มเมาส์กด |
OnMouseMove | ต้นฉบับ | เมื่อชี้เมาส์ย้ายไปเรียกใช้สคริปต์ |
MV โดน | ต้นฉบับ | เรียกใช้สคริปต์เมื่อตัวชี้เมาส์จะย้ายออกจากองค์ประกอบ |
onmouseover | ต้นฉบับ | เรียกใช้สคริปต์เมื่อตัวชี้เมาส์ย้ายมากกว่าองค์ประกอบ |
onmouseup | ต้นฉบับ | เรียกใช้สคริปต์เมื่อปุ่มเมาส์จะถูกปล่อยออก |
OnMouseWheel ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อล้อเมาส์ |
OnScroll ใหม่ | ต้นฉบับ | เมื่อเรียกใช้สคริปต์เลื่อนเลื่อนองค์ประกอบบาร์ |
วีดีโอ (วิดีโอ) ภาพ (ภาพ) หรือเสียง (Audio) ที่เรียกเหตุการณ์นี้เช่นองค์ประกอบหลายสื่อที่ใช้ใน HTML <เสียง> <embed> <img>, <object> และ <video>):
คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
---|---|---|
onabort | ต้นฉบับ | เมื่อใช้สคริปต์ยกเลิกเหตุการณ์ |
oncanplay ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อสื่อสามารถเริ่มเล่น แต่อาจจะต้องหยุดเนื่องจากบัฟเฟอร์ |
oncanplaythrough ใหม่ | ต้นฉบับ | เมื่อสื่อสามารถเรียกใช้สคริปต์ได้โดยไม่ต้องหยุดเพราะของบัฟเฟอร์ที่จะเล่นไปยังจุดสิ้นสุด |
ondurationchange ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อมีการเปลี่ยนแปลงระยะเวลาในสื่อ |
onemptied ใหม่ | ต้นฉบับ | เมื่อจู่ ๆ องค์ประกอบทรัพยากรสื่อที่ว่างเปล่า (ข้อผิดพลาดของเครือข่ายข้อผิดพลาดในการโหลด ฯลฯ ) เพื่อเรียกใช้สคริปต์ |
onended ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อสื่อได้มาถึงในตอนท้ายของ |
onerror ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อมีข้อผิดพลาดเกิดขึ้นในระหว่างองค์ประกอบในการโหลด |
onloadeddata ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อโหลดข้อมูลสื่อ |
onloadedmetadata ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อระยะเวลาของสื่อและข้อมูลสื่ออื่น ๆ องค์ประกอบที่ได้รับการโหลด |
onloadstart ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเบราว์เซอร์เริ่มต้นในการโหลดข้อมูลสื่อ |
onPause ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อระงับข้อมูลสื่อ |
onplay ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อข้อมูลที่เป็นสื่อคือการเริ่มเล่น |
onplaying ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อข้อมูลที่สื่อได้เริ่มที่จะเล่น |
onprogress ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเบราว์เซอร์จะนำข้อมูลสื่อ |
onratechange ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อสื่อการเปลี่ยนแปลงอัตราการเล่นข้อมูล |
onreadystatechange ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อรัฐพร้อม (พร้อม-State) การเปลี่ยนแปลง |
onseeked ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อคุณสมบัติตำแหน่งองค์ประกอบสื่อ [1] ไม่เป็นความจริงและการวางตำแหน่งได้สิ้นสุดลง |
onseeking ใหม่ | ต้นฉบับ | เมื่อการวางตำแหน่งขององค์ประกอบของแอตทริบิวต์สื่อนั้นเป็นความจริงและการวางตำแหน่งที่ได้รับในการดำเนินงานที่จุดเริ่มต้นของสคริปต์ |
onstalled ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อกระบวนการเรียกข้อมูลสื่อ (ล่าช้า) ข้อผิดพลาด |
onsuspend ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อเบราว์เซอร์ได้รับการถ่าย แต่ก่อนที่จะมีการดึงข้อมูลสื่อทั้งหมดหยุดไฟล์มีเดีย |
ontimeupdate ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์เมื่อสื่อเปลี่ยนตำแหน่งการเล่น |
onvolumechange ใหม่ | ต้นฉบับ | หรือจะเรียกใช้สคริปต์เมื่อปริมาณการตั้งค่าเพื่อปิดเมื่อสื่อเปลี่ยนระดับเสียง |
onwaiting ใหม่ | ต้นฉบับ | เรียกใช้สคริปต์ยังคงเล่นเมื่อสื่อได้ที่จะหยุดเล่น แต่ตั้งใจ |
คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
---|---|---|
OnShow ใหม่ | ต้นฉบับ | เมื่อ <เมนู> องค์ประกอบที่จะปรากฏขึ้นในบริบทของทริกเกอร์ |
ontoggle ใหม่ | ต้นฉบับ | เมื่อผู้ใช้เปิดหรือปิด <รายละเอียด> ทริกเกอร์องค์ประกอบ |