เหตุการณ์ JavaScript

เหตุการณ์ HTML คือบางสิ่งที่เกิดขึ้นบนองค์ประกอบ HTML

เมื่อใช้ JavaScript ในหน้า HTML โค้ด JavaScript สามารถ "ตอบสนอง" กับเหตุการณ์เหล่านั้น

เหตุการณ์ HTML

เหตุการณ์ HTML อาจเป็นบางสิ่งที่เกิดขึ้นโดยบราวเซอร์หรือผู้ใช้

ด้านล่างนี้คือตัวอย่างของเหตุการณ์ HTML บางตัว

  • ที่เว็บไซต์ HTML ส่วนใหญ่เสร็จการโหลด
  • ที่ช่องบันทึกข้อมูล HTML ถูกแก้ไข
  • ที่ปุ่ม HTML ถูกกด

โดยทั่วไป ขณะที่เหตุการณ์เกิดขึ้น ผู้ใช้จะต้องการที่จะทำบางอย่าง

JavaScript อนุญาตให้ทำงานโค้ดเมื่อเหตุการณ์ถูกตรวจสอบ

ผ่านโค้ด JavaScript，HTML อนุญาตให้เพิ่มระบบการจัดการเหตุการณ์สำหรับองค์ประกอบ HTML

ใช้วงล้อมวางคำ

<element event='บางส่วนของ JavaScript>

ใช้วงล้อมวางคำ

<element event="บางส่วนของ JavaScript">

ในตัวอย่างที่จะมาต่อไปนี้onclick แอตทริบิวต์ (และโค้ด) ถูกเพิ่มเข้าไปใน <button> องค์ประกอบ

ตัวอย่าง

<button onclick='document.getElementById("demo").innerHTML=Date()'>เวลาปัจจุบันคืออะไร?</button>

ทดลองด้วยตัวเอง

ในตัวอย่างที่อยู่ด้านบน โค้ด JavaScript ได้เปลี่ยนแปลงเนื้อหาขององค์ประกอบ HTML ที่มี id="demo"

ในตัวอย่างที่จะมาต่อไปนี้ โค้ด (ใช้ this.innerHTMLซึ่งเปลี่ยนแปลงเนื้อหาของตัวเอง

ตัวอย่าง

<button onclick="this.innerHTML=Date()">เวลาปัจจุบันคืออะไร?</button>

ทดลองด้วยตัวเอง

โค้ด JavaScript มักจะมีบรรทัดมากมาย

ตัวอย่าง

<button onclick="displayDate()">เวลาปัจจุบันคืออะไร?</button>

ทดลองด้วยตัวเอง

เหตุการณ์ HTML ที่เกิดบ่อย

ด้านล่างนี้คือเหตุการณ์ HTML ที่เกิดบ่อย

เหตุการณ์ การอธิบาย
onchange HTML อนุญาตให้เปลี่ยนแปลง
onclick ûǷ HTML Ԫ
onmouseover ûǷ HTML Ԫ
onmouseout ûǷ HTML Ԫ
onkeydown ûǷа
onload Ƿɴҳ

бCodeW3C.com JavaScript ָ HTML DOM ¼。

JavaScript ʲôأ

¼ʹáУûݡûǡǿʹ

  • ҳʱҪ
  • ҳرʱҪ
  • ûťʱҪִе
  • ûݱʱҪУ
  • 等等

JavaScript ¼Ƿʽܲܲ

  • HTML ¼ԡ JavaScript
  • HTML ¼ԡ JavaScript
  • ǷԷHTMLԪص¼
  • ǷԷǵ¼
  • 等等

ǷHTML DOM ʱУܽа鿴б¼