การจัดการเหตุการณ์
1. แหล่งที่มาของเหตุการณ์: องค์ประกอบ HTML (โหนด) ใด ๆ , ร่างกาย, div, ปุ่ม, ปุ่ม
2. เหตุการณ์: การดำเนินการของคุณ
หนู:
คลิก
ดับเบิลคลิกดับเบิล
เมนูข้อความ OnContextMenu
การคัดลอกรหัสมีดังนี้:
<body oncontextMenu = "return false"> // ห้ามโปรแกรมคลิกขวา
Mouseover ใส่
หนู
มูซทาวน์
ลิฟท์เมาส์
เมาส์ Mousemove
แป้นพิมพ์:
เหตุการณ์คีย์บอร์ดคีย์บอร์ด
ลิฟท์ Keyup
คีย์ดาวน์
เอกสาร:
โหลดโหลด
OnLoad เป็นเหตุการณ์ที่เกิดขึ้นหลังจากโหลดหน้าเว็บ
ขนถ่ายปิด
ก่อนที่จะปิดการป้องกัน
รูปร่าง:
เหตุการณ์โฟกัส
เบลอแพ้โฟกัส
ส่งเหตุการณ์ส่ง
เปลี่ยนเหตุการณ์การเปลี่ยนแปลง
อื่น:
การเลื่อน
เลือก start select event
3. ตัวจัดการกิจกรรม
ประเภทแรก:
รูปแบบ: <tag on event = "Event Handler" />>>
ตัวอย่าง:
การคัดลอกรหัสมีดังนี้:
<script>
ฟังก์ชั่นแสดง () {
var one = document.getElementById ("หนึ่ง");
การแจ้งเตือน (one.innertext);
-
แสดง();
</script>
<body>
<div id = "หนึ่ง">
wwwwwwwwwwwwwwwwwwwwww
</div>
<อินพุต type = "ปุ่ม" onclick = "show ()" value = "show">
ประเภทที่สอง:
ตัวจัดการโดยตรงใน JavaScript Object.on
การคัดลอกรหัสมีดังนี้:
<div id = "สอง">
สวัสดี wulin.com//www.vevb.com
</div>
<script>
var one = document.getElementById ("สอง");
one.onclick = function () {
this.style.backgroundColor = "สีแดง";
-
</script>
ประเภทที่สาม:
โดยทั่วไปไม่มีใครใช้มัน
การคัดลอกรหัสมีดังนี้:
<script for = "Event Source ID" Event = "Event"> Event Handler </script>
<div id = "th">
สวัสดี wulin.com//www.vevb.com
</div>
<script for = "th" event = "onclick">
var one = document.getElementById ("th");
one.style.backgroundColor = "สีแดง";
</script>
คุณเข้าใจการจัดการเหตุการณ์ JavaScript หรือไม่? ฝากข้อความถึงฉันหากคุณมีคำถามใด ๆ