ホームページ > 記事 > ウェブフロントエンド > JavaScriptはイベント駆動ですか?
JavaScript はイベント駆動型です。JavaScript は、オブジェクト駆動型およびイベント駆動型であり、セキュリティ機能を備えたスクリプト言語です。イベント駆動型は、マウスまたはホットキー操作によってトリガーされます。イベント処理プロセスでは、イベントが発生します。まず、 、次にイベント ハンドラーを開始して反応します。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript はイベント駆動型です
JavaScript のイベント駆動型イベントは、マウスまたはホットキーのアクションによってトリガーされます。主なイベントは次のとおりです。
1. マウス クリック イベント onclick
2. コンテンツ変更イベント onchange
3. select イベント onselect -- text または textarea のコンテンツが変更されたときis このイベントはハイライト後にトリガーされます
# 4. フォーカス取得イベント onFocus -- オブジェクトがフォーカスを取得したときに発生します# 5. フォーカス喪失イベント onBlur -- フォーカス獲得イベントに対応します。
6. ドキュメント読み込みイベント onload --ドキュメントが読み込まれるとイベントがトリガーされます。これは通常、ロード イベント (ロード実行) とも呼ばれ、通常、Cookie を設定するために使用されます。
7. アンロード ドキュメント イベント onunload -- ロード ドキュメント イベントに対応します。 Web ページが終了すると発生し、通常は Cookie 値を更新します。
8. マウスの右ボタンのメニュー関数イベント oncontextmenu -- マウスの右ボタンをシールドできる場合は、
イベント処理を使用できます。
##1 .イベントが発生します2. イベント ハンドラーを開始します (イベント ハンドラーによってトリガーされます)3. イベント ハンドラーは# の呼び出しに反応します## イベント (どちらもイベント ハンドラーによってトリガーされる) の呼び出し元)、例は次のとおりです:
1.
<input name="save" type="button" value="保存" onclick="alert('Click the button');" />
2 を呼び出します。JavaScript で
<input id="save" type="button" /> <script> var b=document.getElementById("save"); b.onclick=function(){ alert("Click the button"); } </script>
を呼び出します。上記のコードでは必ず要素マークの下にJavaScriptスクリプトを入れてください JavaScript言語はインタプリタ言語なので実行順序は一行ずつ順番に実行されます この方法でのみ変数bが要素マークオブジェクトを取得できます
ブラウザでは、イベント オブジェクトはウィンドウ オブジェクトです。属性イベント。その機能は、イベントがトリガーされたときに、イベントをトリガーしたオブジェクトを取得することです。IE ブラウザでは、イベント オブジェクトは実際には、次の srcElement 属性に含まれています。 DOM ブラウザ (IE ブラウザではありません) では、イベント オブジェクトは実際にはイベントの target 属性に含まれます
function someHandle(){ var oEvent; if(window.event==true){ //判读是否存在事件对象 oEvent=window.event; } var oTarget; if(oEvent.srcElement==true){ oTarget=oEvent.srcElement; //IE浏览器 } else{ oTarget=oEvent.target; //DOM浏览器 } alert(oTarget.tarName); //弹出目标对象的标记名称 } window.onload=function(){ var oImg=document.getElementsByTagName("img")[0]; //获取一组name为img的标记的第一个 oImg.onclick=someHandle(); }
[関連する推奨事項:
javascript ビデオ チュートリアル、
webフロントエンド###】###以上がJavaScriptはイベント駆動ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。