HTML - การอ้างอิงเหตุการณ์
เมื่อผู้ใช้เยี่ยมชมเว็บไซต์ของคุณพวกเขาทำสิ่งต่างๆเช่นคลิกที่ข้อความและรูปภาพและลิงก์ที่กำหนดวางเมาส์เหนือสิ่งต่างๆเป็นต้นซึ่งเป็นตัวอย่างของสิ่งที่ JavaScript เรียกว่าเหตุการณ์
เราสามารถเขียนตัวจัดการเหตุการณ์ของเราใน Javascript หรือ vbscript และสามารถระบุตัวจัดการเหตุการณ์เหล่านี้เป็นค่าแอตทริบิวต์แท็กเหตุการณ์ ข้อกำหนด HTML 4.01 กำหนดแอตทริบิวต์เหตุการณ์ 19 รายการตามรายการด้านล่าง -
<body> และ <frameset> ระดับเหตุการณ์
มีเพียงสองแอตทริบิวต์ที่สามารถใช้เพื่อทริกเกอร์โค้ดจาวาสคริปต์หรือรหัส vbscript เมื่อมีเหตุการณ์ใด ๆ เกิดขึ้นในระดับเอกสาร
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| onload | สคริปต์ | สคริปต์ทำงานเมื่อโหลดเอกสาร HTML |
| onunload | สคริปต์ | สคริปต์ทำงานเมื่อเอกสาร HTML ยกเลิกการโหลด |
NOTE - สคริปต์ที่นี่อ้างถึงฟังก์ชัน VBScript หรือ JavaScript หรือส่วนของโค้ด
<form> ระดับเหตุการณ์
มีแอตทริบิวต์หกรายการต่อไปนี้ซึ่งสามารถใช้เพื่อทริกเกอร์โค้ดจาวาสคริปต์หรือรหัส vbscript เมื่อมีเหตุการณ์ใด ๆ เกิดขึ้นในระดับฟอร์ม
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| onchange | สคริปต์ | สคริปต์ทำงานเมื่อองค์ประกอบเปลี่ยนแปลง |
| onsubmit | สคริปต์ | สคริปต์ทำงานเมื่อส่งแบบฟอร์ม |
| onreset | สคริปต์ | สคริปต์ทำงานเมื่อฟอร์มถูกรีเซ็ต |
| เลือก | สคริปต์ | สคริปต์จะทำงานเมื่อองค์ประกอบถูกเลือก |
| onblur | สคริปต์ | สคริปต์ทำงานเมื่อองค์ประกอบสูญเสียโฟกัส |
| ออนโฟกัส | สคริปต์ | สคริปต์ทำงานเมื่อองค์ประกอบได้รับโฟกัส |
เหตุการณ์คีย์บอร์ด
มีสามเหตุการณ์ต่อไปนี้ที่สร้างขึ้นโดยแป้นพิมพ์ เหตุการณ์เหล่านี้ไม่ถูกต้องในองค์ประกอบพื้นฐาน bdo, br, frame, frameset, head, html, iframe, meta, param, script, style และ title
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| onkeydown | สคริปต์ | สคริปต์ทำงานเมื่อกดปุ่ม |
| onkeypress | สคริปต์ | สคริปต์ทำงานเมื่อกดและปล่อยปุ่ม |
| onkeyup | สคริปต์ | สคริปต์ทำงานเมื่อปล่อยคีย์ |
กิจกรรมอื่น ๆ
มีเหตุการณ์อื่น ๆ ตามมาอีก 7 เหตุการณ์ซึ่งสร้างโดยเมาส์เมื่อสัมผัสกับแท็ก HTML เหตุการณ์เหล่านี้ไม่ถูกต้องในฐาน, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title elements
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| เมื่อคลิก | สคริปต์ | สคริปต์ทำงานเมื่อคลิกเมาส์ |
| ondblclick | สคริปต์ | สคริปต์ทำงานเมื่อดับเบิลคลิกเมาส์ |
| onmousedown | สคริปต์ | สคริปต์ทำงานเมื่อกดปุ่มเมาส์ |
| onmousemove | สคริปต์ | สคริปต์ทำงานเมื่อตัวชี้เมาส์เคลื่อนที่ |
| onmouseout | สคริปต์ | สคริปต์ทำงานเมื่อตัวชี้เมาส์เคลื่อนออกจากองค์ประกอบ |
| onmouseover | สคริปต์ | สคริปต์ทำงานเมื่อตัวชี้เมาส์เลื่อนไปที่องค์ประกอบ |
| onmouseup | สคริปต์ | สคริปต์ทำงานเมื่อปล่อยปุ่มเมาส์ |