แอตทริบิวต์เหตุการณ์ที่ทั่วโลก
HTML 4 เพิ่มความสามารถที่จะปล่อยให้เหตุการณ์ที่ก่อให้เกิดการดำเนินการในเบราว์เซอร์เช่นการเริ่มต้น JavaScript เมื่อผู้ใช้คลิกที่องค์ประกอบ
เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับเหตุการณ์การเขียนโปรแกรมโปรดไปที่ กวดวิชา JavaScript
ด้านล่างมีคุณลักษณะเหตุการณ์ที่ทั่วโลกที่สามารถเพิ่มองค์ประกอบ HTML เพื่อกำหนดการกระทำเหตุการณ์
= คุณสมบัติเหตุการณ์ใหม่ใน HTML5
แอตทริบิวต์เหตุการณ์หน้าต่าง
เหตุการณ์ที่เกิดขึ้นเรียกสำหรับวัตถุหน้าต่าง (ใช้กับ <body> แท็ก):
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| onafterprint | script | ริปส์จะทำงานหลังจากที่เอกสารถูกพิมพ์ |
| onbeforeprint | script | ริปส์จะทำงานก่อนเอกสารที่มีการพิมพ์ |
| onbeforeunload | script | ริปส์จะทำงานเมื่อเอกสารที่เกี่ยวกับการยกเลิกการโหลด |
| onerror | script | ริปส์จะทำงานเมื่อมีข้อผิดพลาดเกิดขึ้น |
| onhashchange | script | ริปส์จะทำงานเมื่อมีการเปลี่ยนแปลงในส่วนของสมอ URL ที่ |
| onload | script | ไฟไหม้หลังหน้าจะเสร็จสิ้นการโหลด |
| onmessage | script | ริปส์จะทำงานเมื่อข้อความจะถูกเรียก |
| onoffline | script | ริปส์จะทำงานเมื่อเบราว์เซอร์เริ่มที่จะทำงานแบบออฟไลน์ |
| ononline | script | ริปส์จะทำงานเมื่อเบราว์เซอร์เริ่มต้นในการทำงานแบบออนไลน์ |
| onpagehide | script | ริปส์จะทำงานเมื่อผู้ใช้ออกไปจากหน้าเว็บ |
| onpageshow | script | ริปส์จะทำงานเมื่อผู้ใช้นำทางไปยังหน้า |
| onpopstate | script | สคริปต์ที่จะทำงานเมื่อมีการเปลี่ยนแปลงประวัติศาสตร์ของหน้าต่าง |
| onresize | script | ไฟไหม้เมื่อหน้าต่างเบราว์เซอร์ที่ถูกปรับขนาด |
| onstorage | script | ริปส์จะทำงานเมื่อมีพื้นที่เก็บข้อมูลบนเว็บที่มีการปรับปรุง |
| onunload | script | ไฟไหม้ครั้งเดียวหน้าได้ยกเลิกการโหลด (หรือหน้าต่างเบราว์เซอร์ได้รับการปิด) |
เหตุการณ์แบบฟอร์ม
เหตุการณ์ที่เกิดขึ้นโดยการกระทำของทริกเกอร์ภายในรูปแบบ HTML (ที่นำไปใช้กับเกือบทุกองค์ประกอบ HTML แต่ถูกนำมาใช้มากที่สุดในองค์ประกอบของแบบฟอร์ม):
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| onblur | script | ยิงขณะที่องค์ประกอบสูญเสียโฟกัส |
| onchange | script | ยิงช่วงเวลาที่คุ้มค่าขององค์ประกอบที่มีการเปลี่ยนแปลง |
| oncontextmenu | script | ริปส์จะทำงานเมื่อเมนูบริบทถูกเรียก |
| onfocus | script | ยิงขณะที่เมื่อองค์ประกอบที่ได้รับการมุ่งเน้น |
| oninput | script | ริปส์จะทำงานเมื่อองค์ประกอบได้รับการป้อนข้อมูลของผู้ใช้ |
| oninvalid | script | ริปส์จะทำงานเมื่อองค์ประกอบที่ไม่ถูกต้อง |
| onreset | script | ไฟไหม้เมื่อปุ่ม Reset ในรูปแบบที่มีการคลิก |
| onsearch | script | ไฟไหม้เมื่อผู้ใช้เขียนอะไรบางอย่างในช่องค้นหา (สำหรับ <input = "ค้นหา">) |
| onselect | script | ไฟไหม้หลังจากข้อความบางส่วนได้รับการคัดเลือกในองค์ประกอบ |
| onsubmit | script | ไฟไหม้เมื่อส่งแบบฟอร์ม |
เหตุการณ์แป้นพิมพ์
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| onkeydown | script | ไฟไหม้เมื่อผู้ใช้กดปุ่ม |
| onkeypress | script | ไฟไหม้เมื่อผู้ใช้กดปุ่ม |
| onkeyup | script | ไฟไหม้เมื่อผู้ใช้ออกที่สำคัญ |
เหตุการณ์ของเมาส์
เหตุการณ์ที่เกิดขึ้นเรียกโดยเมาส์หรือกระทำของผู้ใช้ที่คล้ายกัน:
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| onclick | script | การเกิดเพลิงไหม้ในการคลิกเมาส์ในองค์ประกอบ |
| ondblclick | script | ไฟไหม้บนเมาส์ดับเบิลคลิกที่องค์ประกอบ |
| ondrag | script | ริปส์จะทำงานเมื่อองค์ประกอบถูกลาก |
| ondragend | script | สคริปต์ที่จะทำงานในตอนท้ายของการดำเนินการลากที่ |
| ondragenter | script | ริปส์จะทำงานเมื่อองค์ประกอบได้ถูกลากไปยังเป้าหมายที่ถูกต้องลดลง |
| ondragleave | script | ริปส์จะทำงานเมื่อองค์ประกอบใบเป้าหมายที่ถูกต้องลดลง |
| ondragover | script | ริปส์จะทำงานเมื่อองค์ประกอบที่จะถูกลากข้ามคานหล่นที่ถูกต้อง |
| ondragstart | script | สคริปต์ที่จะทำงานในช่วงเริ่มต้นของการดำเนินการลากที่ |
| ondrop | script | ริปส์จะทำงานเมื่อองค์ประกอบลากจะถูกลดลง |
| onmousedown | script | ไฟไหม้เมื่อกดปุ่มเมาส์ถูกกดลงบนองค์ประกอบ |
| onmousemove | script | ไฟไหม้เมื่อชี้เมาส์ที่มีการเคลื่อนไหวในขณะที่มันเป็นมากกว่าองค์ประกอบ |
| onmouseout | script | ไฟไหม้เมื่อตัวชี้เมาส์จะย้ายออกจากองค์ประกอบ |
| onmouseover | script | ไฟไหม้เมื่อตัวชี้เมาส์ย้ายมากกว่าองค์ประกอบ |
| onmouseup | script | ไฟไหม้เมื่อกดปุ่มเมาส์จะถูกปล่อยออกมากกว่าองค์ประกอบ |
| onmousewheel | script | เลิกใช้ ใช้ onwheel แอตทริบิวต์แทน |
| onscroll | script | ริปส์จะทำงานเมื่อเลื่อนเป็นองค์ประกอบที่จะถูกเลื่อน |
| onwheel | script | ไฟไหม้เมื่อล้อเมาส์ม้วนขึ้นหรือลงมากกว่าองค์ประกอบ |
เหตุการณ์คลิปบอร์ด
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| oncopy | script | ไฟไหม้เมื่อผู้ใช้สำเนาเนื้อหาของธาตุนั้น |
| oncut | script | ไฟไหม้เมื่อผู้ใช้ตัดเนื้อหาของธาตุนั้น |
| onpaste | script | ไฟไหม้เมื่อผู้ใช้วางเนื้อหาบางส่วนในองค์ประกอบ |
เหตุการณ์สื่อ
เหตุการณ์ที่เกิดขึ้นเรียกโดยสื่อเช่นวิดีโอภาพและเสียง (ใช้กับองค์ประกอบ HTML ทั้งหมด แต่จะพบมากที่สุดในองค์ประกอบสื่อเช่น <audio> , <embed> , <img> , <object> และ <video> )
เคล็ดลับ: ดูของเรา HTML อ้างอิงเสียงและวิดีโอ DOM สำหรับข้อมูลเพิ่มเติม
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| onabort | script | สคริปต์จะทำงานในการยกเลิก |
| oncanplay | script | ริปส์จะทำงานเมื่อไฟล์ที่มีความพร้อมที่จะเริ่มเล่น (เมื่อมีบัฟเฟอร์พอที่จะเริ่มต้น) |
| oncanplaythrough | script | ริปส์จะทำงานเมื่อไฟล์ที่สามารถเล่นได้ทุกทางจนจบโดยไม่หยุดสำหรับบัฟเฟอร์ |
| oncuechange | script | สคริปต์ที่จะทำงานเมื่อมีการเปลี่ยนแปลงในคิว <track> องค์ประกอบ |
| ondurationchange | script | ริปส์จะทำงานเมื่อความยาวของการเปลี่ยนแปลงสื่อ |
| onemptied | script | ริปส์จะทำงานเมื่อสิ่งที่ไม่ดีเกิดขึ้นและไฟล์ไม่พร้อมใช้งานอย่างกระทันหัน (ชอบโดยไม่คาดคิดยกเลิกการเชื่อมต่อ) |
| onended | script | ริปส์จะทำงานเมื่อสื่อได้ถึงจุดสิ้นสุด (เหตุการณ์ที่มีประโยชน์สำหรับข้อความเช่น "ขอบคุณสำหรับการฟัง") |
| onerror | script | ริปส์จะทำงานเมื่อมีข้อผิดพลาดเกิดขึ้นเมื่อไฟล์ถูกโหลด |
| onloadeddata | script | ริปส์จะทำงานเมื่อข้อมูลสื่อโหลด |
| onloadedmetadata | script | ริปส์จะทำงานเมื่อข้อมูล meta (เช่นขนาดและระยะเวลา) มีการโหลด |
| onloadstart | script | สคริปต์ที่จะทำงานเพียงแค่เป็นไฟล์เริ่มโหลดก่อนสิ่งที่เป็นจริงโหลด |
| onpause | script | ริปส์จะทำงานเมื่อสื่อที่ถูกหยุดชั่วคราวอย่างใดอย่างหนึ่งโดยผู้ใช้หรือโปรแกรม |
| onplay | script | ริปส์จะทำงานเมื่อสื่อที่มีความพร้อมที่จะเริ่มเล่น |
| onplaying | script | ริปส์จะทำงานเมื่อสื่อจริงได้เริ่มเล่น |
| onprogress | script | ริปส์จะทำงานเมื่อเบราว์เซอร์อยู่ในขั้นตอนของการรับข้อมูลสื่อ |
| onratechange | script | สคริปต์ที่จะทำงานทุกครั้งที่มีการเปลี่ยนแปลงอัตราการเล่น (เช่นเมื่อผู้ใช้สลับกับการเคลื่อนไหวช้าหรือโหมดไปข้างหน้าอย่างรวดเร็ว) |
| onseeked | script | สคริปต์ที่จะทำงานเมื่อมีการ seeking แอตทริบิวต์ที่ถูกตั้งค่าเป็นเท็จบ่งชี้ที่แสวงหาได้สิ้นสุดลงแล้ว |
| onseeking | script | สคริปต์ที่จะทำงานเมื่อมีการ seeking แอตทริบิวต์ที่ถูกตั้งค่าเป็นจริงแสดงให้เห็นการแสวงหาที่มีการใช้งาน |
| onstalled | script | ริปส์จะทำงานเมื่อเบราว์เซอร์จะไม่สามารถดึงข้อมูลสื่อด้วยเหตุผลใดก็ตาม |
| onsuspend | script | ริปส์จะทำงานเมื่อเรียกข้อมูลสื่อที่ถูกหยุดก่อนที่จะมีการโหลดสมบูรณ์ด้วยเหตุผลใดก็ตาม |
| ontimeupdate | script | ริปส์จะทำงานเมื่อเล่นตำแหน่งที่มีการเปลี่ยนแปลง (เช่นเมื่อผู้ใช้ส่งต่ออย่างรวดเร็วไปยังจุดที่แตกต่างกันในสื่อ) |
| onvolumechange | script | สคริปต์ที่จะทำงานในแต่ละครั้งปริมาณที่มีการเปลี่ยนแปลงซึ่ง (รวมถึงการตั้งค่าระดับเสียงเพื่อ "ใบ้") |
| onwaiting | script | ริปส์จะทำงานเมื่อสื่อได้หยุดชั่วคราว แต่คาดว่าจะกลับมา (เช่นเมื่อสื่อหยุดการบัฟเฟอร์ข้อมูลเพิ่มเติม) |
กิจกรรมอื่น ๆ
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| onerror | script | ไฟไหม้เมื่อเกิดข้อผิดพลาดขณะโหลดแฟ้มภายนอก |
| onshow | script | ไฟไหม้เมื่อ <menu> องค์ประกอบที่จะแสดงเป็นเมนูบริบท |
| ontoggle | script | ไฟไหม้เมื่อผู้ใช้เปิดหรือปิด <details> องค์ประกอบ |