VBScript - 事件

什麼是事件？

VBScript 與 HTML 的互動是透過使用者或瀏覽器操作頁面時發生的事件來處理的。當頁面載入時，這是一個事件。當用戶單擊按鈕時，該單擊也是一個事件。其他事件示例包括按下任何鍵、關閉視窗、調整視窗大小等。開發人員可以使用這些事件來執行 VBScript 編碼的響應，從而導致按鈕關閉視窗、向用戶顯示訊息、驗證資料以及幾乎可以想象到的任何其他型別的響應發生。

事件是文件物件模型 (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	指令碼	元素失去焦點時執行指令碼
onfocus	指令碼	元素獲得焦點時執行指令碼
onkeydown	指令碼	按下鍵時執行指令碼
onkeypress	指令碼	按下並釋放鍵時執行指令碼
onkeyup	指令碼	釋放鍵時執行指令碼
onclick	指令碼	滑鼠單擊時執行指令碼
ondblclick	指令碼	滑鼠雙擊時執行指令碼
onmousedown	指令碼	按下滑鼠按鈕時執行指令碼
onmousemove	指令碼	滑鼠指標移動時執行指令碼
onmouseout	指令碼	滑鼠指標移出元素時執行指令碼
onmouseover	指令碼	滑鼠指標移到元素上時執行指令碼
onmouseup	指令碼	釋放滑鼠按鈕時執行指令碼

列印頁面