Latest web development tutorials
×

JavaScript หลักสูตร

JavaScript หลักสูตร JavaScript แนะนำโดยย่อ JavaScript การใช้ JavaScript ส่งออก JavaScript ไวยากรณ์ JavaScript งบ JavaScript หมายเหตุ JavaScript ตัวแปร JavaScript ชนิดข้อมูล JavaScript วัตถุ JavaScript ฟังก์ชัน JavaScript ขอบเขต JavaScript เหตุการณ์ JavaScript เชือก JavaScript ผู้ประกอบการ JavaScript เปรียบเทียบ JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript ประเภทการแปลง JavaScript นิพจน์ปกติ JavaScript ความผิดพลาด JavaScript แก้จุดบกพร่อง JavaScript ยกตัวแปร JavaScript โหมดที่เข้มงวด JavaScript ใช้ไม่เหมาะสม JavaScript รูปแบบการตรวจสอบสิทธิ์ JavaScript ลิขสิทธิ์คำสำคัญ JavaScript JSON JavaScript void JavaScript ข้อมูลจำเพาะรหัส

JS ฟังก์ชัน

JavaScript นิยามฟังก์ชัน JavaScript อาร์กิวเมนต์ของฟังก์ชัน JavaScript เรียกใช้ฟังก์ชัน JavaScript การปิด

JS HTML DOM

DOM แนะนำโดยย่อ DOM HTML DOM CSS DOM เหตุการณ์ DOM EventListener DOM ธาตุ

JS การสอนที่ทันสมัย

JavaScript วัตถุ JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp วัตถุ

JS เบราว์เซอร์ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ป๊อป JavaScript เหตุการณ์หมดเวลา JavaScript Cookies

JS โกดัง

JavaScript โกดัง JavaScript ทดสอบ jQuery JavaScript ทดสอบ Prototype

JS ตัวอย่าง

JavaScript ตัวอย่าง JavaScript ตัวอย่างวัตถุ JavaScript วัตถุเช่นเบราว์เซอร์ JavaScript HTML DOM ตัวอย่าง JavaScript ย่อ

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ

กิจกรรม JavaScript

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

เมื่อมีการใช้งาน JavaScript ในหน้าเว็บ HTML, JavaScript สามารถเรียกเหตุการณ์เหล่านี้


เหตุการณ์ HTML

เหตุการณ์ HTML สามารถเป็นพฤติกรรมของเบราว์เซอร์ยังสามารถเป็นพฤติกรรมของผู้ใช้

ต่อไปนี้เป็นตัวอย่างของเหตุการณ์ HTML:

  • หน้า HTML โหลดเสร็จ
  • เมื่อ HTML การเปลี่ยนแปลงช่องใส่
  • HTML ของปุ่มคลิก

โดยปกติเมื่อมีเหตุการณ์เกิดขึ้นคุณสามารถทำบางสิ่งบางอย่าง

เมื่อมีเหตุการณ์หนึ่งจะถูกเรียก JavaScript สามารถรันโค้ดบางส่วน

องค์ประกอบ HTML สามารถเพิ่มไปยังแอตทริบิวต์เหตุการณ์ใช้รหัส JavaScript เพื่อเพิ่มองค์ประกอบ HTML

ราคาเดียว:

<บาง HTML องค์ประกอบ some- เหตุการณ์ = 'บาง JavaScript ">

คำพูดสอง:

<บาง HTML องค์ประกอบ some- เหตุการณ์ = "บาง JavaScript">

ในตัวอย่างต่อไปนี้เป็นองค์ประกอบที่ปุ่มเพิ่มแอตทริบิวต์ onclick (บวก code):

ตัวอย่าง

<ปุ่ม onclick = 'getElementById ( "สาธิต"). InnerHTML = วันที่ () "> เวลาในขณะนี้คือ ?? </ ปุ่ม>

ลอง»

ตัวอย่างข้างต้น, ID JavaScript เนื้อหารหัส = "สาธิต" องค์ประกอบ

ในตัวอย่างต่อไปรหัสจะแก้ไขเนื้อหาขององค์ประกอบของตัวเอง (โดยใช้ .innerHTML นี้) ไปนี้:

ตัวอย่าง

<ปุ่ม onclick = "this.innerHTML = วันที่ ()"> เวลาในขณะนี้คืออะไร? </ ปุ่ม>

ลอง»

หมายเหตุ โค้ด JavaScript มักจะเป็นกี่บรรทัดของรหัส ร่วมกันมากขึ้นจะถูกเรียกโดยคุณสมบัติเหตุการณ์:

ตัวอย่าง

<ปุ่ม onclick = "displayDate ()"> เวลาในขณะนี้คืออะไร? </ ปุ่ม>

ลอง»


เหตุการณ์ HTML สามัญ

นี่คือรายการของเหตุการณ์บาง HTML ทั่วไป:

เหตุการณ์ ลักษณะ
onChange การเปลี่ยนแปลงองค์ประกอบ HTML
onclick ผู้ใช้คลิกที่องค์ประกอบ HTML
onmouseover ผู้ใช้เลื่อนเมาส์บนองค์ประกอบ HTML
MV โดน ผู้ใช้เลื่อนเมาส์จากองค์ประกอบ HTML
onkeydown ผู้ใช้กดปุ่ม
onload เบราว์เซอร์ได้เสร็จสิ้นการโหลดหน้าเว็บ

รายการที่จัดกิจกรรมเพิ่มเติมได้ที่: อ้างอิง JavaScript - HTML DOM เหตุการณ์


JavaScript สิ่งที่สามารถทำได้?

เหตุการณ์ที่เกิดขึ้นสามารถนำมาใช้ในการจัดการการตรวจสอบรูปแบบปัจจัยการผลิตของผู้ใช้พฤติกรรมของผู้ใช้และการกระทำของเบราว์เซอร์:

  • เหตุการณ์จะถูกเรียกเมื่อโหลดหน้าเว็บ
  • เหตุการณ์จะถูกเรียกเมื่อปิดหน้า
  • ผู้ใช้คลิกปุ่มเพื่อดำเนินการ
  • ตรวจสอบความถูกต้องของผู้ใช้ป้อน
  • และอื่น ๆ ...

คุณสามารถใช้ความหลากหลายของวิธีการที่จะรันโค้ดเหตุการณ์ javascript:

  • แอตทริบิวต์เหตุการณ์ HTML สามารถรันโค้ด JavaScript โดยตรง
  • แอตทริบิวต์เหตุการณ์ HTML สามารถเรียกใช้ฟังก์ชัน JavaScript
  • คุณสามารถระบุตัวจัดการเหตุการณ์ของคุณเองสำหรับองค์ประกอบ HTML
  • คุณสามารถป้องกันไม่ให้เกิดเหตุการณ์
  • และอื่น ๆ ...
หมายเหตุ ในบท HTML DOM คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับเหตุการณ์และความรู้เหตุการณ์จัดการ