VBScript - เหตุการณ์
เหตุการณ์คืออะไร?
การโต้ตอบของ VBScript กับ HTML ได้รับการจัดการผ่านเหตุการณ์ที่เกิดขึ้นเมื่อผู้ใช้หรือเบราว์เซอร์จัดการเพจ เมื่อหน้าเว็บโหลดนั่นคือเหตุการณ์ เมื่อผู้ใช้คลิกปุ่มการคลิกนั้นก็เป็นเหตุการณ์เช่นกัน ตัวอย่างเหตุการณ์อื่น ๆ ได้แก่ การกดปุ่มใด ๆ การปิดหน้าต่างการปรับขนาดหน้าต่าง ฯลฯ นักพัฒนาสามารถใช้เหตุการณ์เหล่านี้เพื่อดำเนินการตอบสนองที่เข้ารหัส VBScript ซึ่งทำให้ปุ่มปิดหน้าต่างข้อความที่จะแสดงต่อผู้ใช้ข้อมูลที่ต้องตรวจสอบและแทบทุกอย่าง การตอบสนองประเภทอื่น ๆ ที่จะเกิดขึ้นได้
เหตุการณ์เป็นส่วนหนึ่งของ Document Object Model (DOM) และทุกองค์ประกอบ HTML มีชุดเหตุการณ์บางอย่างซึ่งสามารถทริกเกอร์รหัส VBScript ได้ กรุณาไปผ่านการกวดวิชาเล็ก ๆ นี้เพื่อความเข้าใจที่ดีขึ้นHTML อ้างอิงเหตุการณ์ ที่นี่เราจะเห็นตัวอย่างบางส่วนเพื่อทำความเข้าใจความสัมพันธ์ระหว่างเหตุการณ์และ VBScript
onclick ประเภทเหตุการณ์
นี่คือประเภทเหตุการณ์ที่ใช้บ่อยที่สุดซึ่งเกิดขึ้นเมื่อผู้ใช้คลิกปุ่มซ้ายของเมาส์ คุณสามารถใส่การตรวจสอบคำเตือน ฯลฯ กับเหตุการณ์ประเภทนี้ได้
ตัวอย่าง
<html>
<head>
<script language = "vbscript" type = "text/vbscript">
Function sayHello()
msgbox "Hello World"
End Function
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello"/>
</body>
</html>
จะให้ผลลัพธ์ดังต่อไปนี้และเมื่อคุณคลิกปุ่ม Hello เหตุการณ์ onclick จะเกิดขึ้นซึ่งจะเรียกใช้ฟังก์ชัน sayHello ()
onsubmit ประเภทเหตุการณ์
มากที่สุดอีกประเภทเหตุการณ์ที่สำคัญคือonsubmit เหตุการณ์นี้เกิดขึ้นเมื่อคุณพยายามส่งแบบฟอร์ม ดังนั้นคุณสามารถตรวจสอบความถูกต้องของแบบฟอร์มกับเหตุการณ์ประเภทนี้ได้ ส่งแบบฟอร์มโดยคลิกที่ปุ่มส่งกล่องข้อความจะปรากฏขึ้น
ส่งแบบฟอร์มโดยคลิกที่ปุ่มส่งกล่องข้อความจะปรากฏขึ้น
ตัวอย่าง
<html>
<head> </head>
<body>
<script language = "VBScript">
Function fnSubmit()
Msgbox("Hello Tutorialspoint.Com")
End Function
</script>
<form action = "/cgi-bin/test.cgi" method = "post" name = "form1" onSubmit = "fnSubmit()">
<input name = "txt1" type = "text"><br>
<input name = "btnButton1" type = "submit" value="Submit">
</form>
</body>
</html>
onmouseover และ onmouseout
ประเภทเหตุการณ์ทั้งสองนี้จะช่วยให้คุณสร้างเอฟเฟกต์ที่สวยงามด้วยรูปภาพหรือแม้แต่กับข้อความ onmouseoverเหตุการณ์เกิดขึ้นเมื่อคุณนำเมาส์ไปที่องค์ประกอบใด ๆ และonmouseoutเกิดขึ้นเมื่อคุณใช้เมาส์ของคุณออกจากองค์ประกอบที่
ตัวอย่าง
<html>
<head> </head>
<body>
<script language = "VBScript">
Function AlertMsg
Msgbox("ALERT !")
End Function
Function onmourse_over()
Msgbox("Onmouse Over")
End Function
Sub txt2_OnMouseOut()
Msgbox("Onmouse Out !!!")
End Sub
Sub btnButton_OnMouseOut()
Msgbox("onmouse out on Button !")
End Sub
</script>
<form action = "page.cgi" method = "post" name = "form1">
<input name = "txt1" type = "text" OnMouseOut = "AlertMsg()"><br>
<input name = "txt2" type = "text" OnMouseOver = "onmourse_over()">
<br><input name = "btnButton" type = "button" value = "Submit">
</form>
</body>
</html>
จะให้ผลลัพธ์เมื่อคุณวางเมาส์เหนือกล่องข้อความและเมื่อคุณย้ายโฟกัสออกจากกล่องข้อความและปุ่ม
เหตุการณ์มาตรฐาน HTML 4
เหตุการณ์ HTML 4 มาตรฐานแสดงไว้ที่นี่สำหรับการอ้างอิงของคุณ ที่นี่สคริปต์ระบุว่าฟังก์ชัน VBScript จะถูกเรียกใช้กับเหตุการณ์นั้น
เหตุการณ์ | มูลค่า | คำอธิบาย |
---|---|---|
onchange | สคริปต์ | สคริปต์ทำงานเมื่อองค์ประกอบเปลี่ยนแปลง |
onsubmit | สคริปต์ | สคริปต์ทำงานเมื่อส่งแบบฟอร์ม |
onreset | สคริปต์ | สคริปต์ทำงานเมื่อฟอร์มถูกรีเซ็ต |
onblur | สคริปต์ | สคริปต์ทำงานเมื่อองค์ประกอบสูญเสียโฟกัส |
ออนโฟกัส | สคริปต์ | สคริปต์ทำงานเมื่อองค์ประกอบได้รับโฟกัส |
onkeydown | สคริปต์ | สคริปต์ทำงานเมื่อกดปุ่ม |
onkeypress | สคริปต์ | สคริปต์ทำงานเมื่อกดและปล่อยปุ่ม |
onkeyup | สคริปต์ | สคริปต์ทำงานเมื่อปล่อยคีย์ |
เมื่อคลิก | สคริปต์ | สคริปต์ทำงานเมื่อคลิกเมาส์ |
ondblclick | สคริปต์ | สคริปต์ทำงานเมื่อดับเบิลคลิกเมาส์ |
onmousedown | สคริปต์ | สคริปต์ทำงานเมื่อกดปุ่มเมาส์ |
onmousemove | สคริปต์ | สคริปต์ทำงานเมื่อตัวชี้เมาส์เคลื่อนที่ |
onmouseout | สคริปต์ | สคริปต์ทำงานเมื่อตัวชี้เมาส์เคลื่อนออกจากองค์ประกอบ |
onmouseover | สคริปต์ | สคริปต์ทำงานเมื่อตัวชี้เมาส์เลื่อนไปที่องค์ประกอบ |
onmouseup | สคริปต์ | สคริปต์ทำงานเมื่อปล่อยปุ่มเมาส์ |