Vbscript-events

提供:Dev Guides
移動先:案内検索

VBScript-イベント

イベントとは?

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

イベントはドキュメントオブジェクトモデル(DOM)の一部であり、すべてのHTML要素には特定のイベントセットがあり、VBScriptコードをトリガーできます。 link:/vbscript/vbscript_events_html_ref [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 finddevguides.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>

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

HTML 4標準イベント

参照用に、標準のHTML 4イベントをここにリストします。 ここで、スクリプトはそのイベントに対して実行されるVBScript関数を示します。

Event Value Description
onchange script Script runs when the element changes
onsubmit script Script runs when the form is submitted
onreset script Script runs when the form is reset
onblur script Script runs when the element loses focus
onfocus script Script runs when the element gets focus
onkeydown script Script runs when key is pressed
onkeypress script Script runs when key is pressed and released
onkeyup script Script runs when key is released
onclick script Script runs when a mouse click
ondblclick script Script runs when a mouse double-click
onmousedown script Script runs when mouse button is pressed
onmousemove script Script runs when mouse pointer moves
onmouseout script Script runs when mouse pointer moves out of an element
onmouseover script Script runs when mouse pointer moves over an element
onmouseup script Script runs when mouse button is released