VBScript - Events - 極客書

VBScript與HTML的交互是通過用戶或瀏覽器操作頁面時發生的事件來處理的。當頁面加載時，這是一個事件。當用戶單擊某個按鈕時，該單擊也是一個事件。事件的其他示例包括按任意鍵、關閉窗口、調整窗口大小等。開發人員可以使用這些事件執行VBScript編碼的響應，這將導致按鈕關閉窗口、向用戶顯示消息、驗證數據以及幾乎可以發生的任何其他類型的響應。

事件是文檔對象模型（DOM）的一部分，每個HTML元素都有一組特定的事件，這些事件可以觸發VBScript代碼。爲了更好地理解html事件引用，請閱讀本小教程。在這裡，我們將看到幾個例子來理解事件和VBScript之間的關係。

onclick Event Type

這是最常用的事件類型，當用戶單擊滑鼠左鍵時發生。您可以針對此事件類型設置驗證、警告等。

Example

<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 event type

另一個最重要的事件類型是onsubmit。嘗試提交表單時發生此事件。所以您可以針對此事件類型進行表單驗證。點擊提交按鈕提交表單，出現消息框。

點擊提交按鈕提交表單，出現消息框。

Example

<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 and onmouseout

這兩種事件類型將幫助您創建良好的效果與圖像，甚至與文本以及。onmouseover事件在您將滑鼠移到任何元素上時發生，onmouseout事件在您將滑鼠從該元素中取出時發生。

Example

<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 Standard Events

這裡列出了標準的HTML 4事件供您參考。這裡，script指示要針對該事件執行的VBScript函數。