VBScript-イベント

イベントとは何ですか?

VBScriptのHTMLとの対話は、ユーザーまたはブラウザーがページを操作するときに発生するイベントを通じて処理されます。ページが読み込まれると、それはイベントです。ユーザーがボタンをクリックすると、そのクリックもイベントになります。イベントの他の例には、任意のキーを押す、ウィンドウを閉じる、ウィンドウのサイズを変更するなどがあります。開発者はこれらのイベントを使用して、VBScriptでコード化された応答を実行できます。これにより、ボタンがウィンドウを閉じ、メッセージがユーザーに表示され、データが検証されます。発生すると考えられる他のタイプの応答。

イベントはドキュメントオブジェクトモデル(DOM)の一部であり、すべてのHTML要素には特定のイベントセットがあり、VBScriptコードをトリガーできます。HTMLイベントリファレンスをよりよく理解するために、この小さなチュートリアルを実行してください。ここでは、Eventと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イベントタイプ

もう1つの最も重要なイベントタイプは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

これらの2つのイベントタイプは、画像やテキストを使用して優れた効果を作成するのに役立ちます。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>

テキストボックスの上にマウスを置いたとき、およびテキストボックスとボタンからフォーカスを離したときにも結果が生成されます。

HTML4標準イベント

参考までに、標準のHTML4イベントをここに示します。ここで、scriptは、そのイベントに対して実行されるVBScript関数を示します。

イベント 説明
onchange 脚本 要素が変更されるとスクリプトが実行されます
onsubmit 脚本 フォームが送信されるとスクリプトが実行されます
オンリセット 脚本 フォームがリセットされるとスクリプトが実行されます
onblur 脚本 要素がフォーカスを失うとスクリプトが実行されます
onfocus 脚本 要素がフォーカスを取得するとスクリプトが実行されます
オンキーダウン 脚本 キーが押されるとスクリプトが実行されます
onkeypress 脚本 キーを押して放すとスクリプトが実行されます
onkeyup 脚本 キーを離すとスクリプトが実行されます
onclick 脚本 マウスをクリックするとスクリプトが実行されます
ondblclick 脚本 マウスをダブルクリックするとスクリプトが実行されます
onmousedown 脚本 マウスボタンを押すとスクリプトが実行されます
onmousemove 脚本 マウスポインタが移動するとスクリプトが実行されます
onmouseout 脚本 マウスポインタが要素の外に移動すると、スクリプトが実行されます
onmouseover 脚本 マウスポインタが要素上を移動するとスクリプトが実行されます
onmouseup 脚本 マウスボタンを離すとスクリプトが実行されます