Vbscript-events
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 |