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 | 脚本 | マウスボタンを離すとスクリプトが実行されます |