เรารู้ว่าหลังจากการพัฒนาเชิงวัตถุเกือบทุกภาษาสามารถขึ้นอยู่กับวัตถุ "หนึ่งครั้งข้ามคืน" และ JavaScript ก็เป็นภาษาที่ใช้วัตถุ พฤติกรรมของผู้ใช้ในเบราว์เซอร์เรียกว่า "เหตุการณ์" และชุดของการกระทำที่เกิดขึ้นหลังจากนั้นเช่นป๊อปอัพเปลี่ยนขนาดเบราว์เซอร์การตรวจสอบและ Balabala ทั้งหมดเรียกว่า "เหตุการณ์ขับเคลื่อน" แน่นอนว่าคราวนี้ฉันจะแนะนำกิจกรรมทั่วไปหลายอย่างเป็นหลัก
PS: การสนับสนุนสคริปต์ JS ขึ้นอยู่กับเบราว์เซอร์! - - เบราว์เซอร์รุ่นที่ต่ำกว่าบางรุ่นอาจไม่รองรับ! - -
1. คลิกเหตุการณ์ (onclick)
เหตุการณ์คลิกคืออะไร? เมื่อผู้ใช้คลิกปุ่มเมาส์ใช่เหตุการณ์คลิกจะถูกสร้างขึ้น ในเวลาเดียวกันตัวจัดการเหตุการณ์ที่ระบุโดย OnClick จะถูกเรียก โดยปกติจะใช้กับปุ่ม (ปุ่มปุ่ม), ช่องทำเครื่องหมาย (ช่องทำเครื่องหมาย), วิทยุ (ปุ่มตัวเลือก), ปุ่มรีเซ็ต (ปุ่มรีเซ็ต) และส่งปุ่ม (ปุ่มส่ง)
ย้ายครั้งใหญ่:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js basic คลิกเหตุการณ์ </title> </head> <body> <body> <form> <script Language = "JavaScript"> ฟังก์ชั่นคลิก () } </script> <input type = "button" value = "ปุ่ม" onclick = "aclick ()"/> </form> </body> </html>
เอฟเฟกต์มีดังนี้:
2. การเปลี่ยนแปลงเหตุการณ์ (onchange)
เมื่อผู้ใช้เปลี่ยนค่าของแบบฟอร์มเหตุการณ์ onchange จะถูกเรียกใช้
รหัสมีดังนี้:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> เหตุการณ์การเปลี่ยนแปลงฐาน js </title> <ภาษาสคริปต์ = "javascript"> ฟังก์ชั่นตรวจสอบ () {แจ้งเตือน ("ค่าของกล่องข้อความมีการเปลี่ยนแปลง"); } </script> </head> <body> <form> <input type = "text" value = "นี่คือกล่องข้อความ" ชื่อ = "ชื่อ" onChange = "ตรวจสอบ ()"/> </form> </body> </html>เอฟเฟกต์มีดังนี้:
3. เลือกเหตุการณ์ (onSelect)
เมื่อเลือกองค์ประกอบในหน้าเว็บเหตุการณ์ ONSelect จะถูกเรียกใช้
รหัสมีดังนี้:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> เหตุการณ์การเปลี่ยนแปลงฐาน js </title> <ภาษาสคริปต์ = "javascript"> ฟังก์ชั่นตรวจสอบ () {แจ้งเตือน ("ค่าของกล่องข้อความมีการเปลี่ยนแปลง"); } </script> </head> <body> <form> <input type = "text" value = "นี่คือกล่องข้อความ" ชื่อ = "ชื่อ" onChange = "ตรวจสอบ ()"/> </form> </body> </html>เอฟเฟกต์มีดังนี้:
4. เหตุการณ์โหลด (onload)
เหตุการณ์การโหลดเป็นเหตุการณ์ที่เกิดขึ้นเมื่อเปิดหน้าเว็บ
รหัสมีดังนี้:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> เหตุการณ์การโหลดขั้นพื้นฐาน js </title> <ภาษาสคริปต์ = "javascript"> ฟังก์ชั่นตรวจสอบ () {แจ้งเตือน ("ไม่วิตกกังวล } </script> </head> <body onload = "check ()"> </body> </html>เอฟเฟกต์มีดังนี้:
5. ก่อนที่จะยกเลิกการโหลดเหตุการณ์ (ก่อนหน้า)
เพื่อความแม่นยำนั้นเหมาะสมกว่าที่จะเรียกว่า "ก่อนออกจากเหตุการณ์หน้า" และจะเรียกเหตุการณ์นี้เมื่อคุณคลิกปุ่มปิดบนแท็บปัจจุบัน
รหัสมีดังนี้:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> basics พื้นฐานเหตุการณ์ก่อนการโหลด </title> <ภาษาสคริปต์ = "JavaScript"> ฟังก์ชั่น check1 () {alert (" } </script> </head> <body onbeforeunload = "check1 ()"> <h1> นี่คือหน้าเว็บที่ใช้ในการตรวจสอบเหตุการณ์ก่อนการโหลด </h1> </body> </html>เอฟเฟกต์มีดังนี้:
บทความข้างต้นพูดสั้น ๆ เกี่ยวกับไดรเวอร์เหตุการณ์ลูกค้าพื้นฐานของ JavaScript เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น