JavaScriptでよく使われるイベントは何ですか

青灯夜游
リリース: 2022-02-21 17:37:05
オリジナル
12932 人が閲覧しました

JavaScript で一般的に使用されるイベントは次のとおりです: 1. クリック イベント (onclick および ondblclick)、2. フォーカス イベント (onblur および onfocus)、3. 読み込みイベント (onload)、4. マウス イベント、5. キーボード イベント; 6. イベントの選択と変更; 7. イベントの形成。

JavaScriptでよく使われるイベントは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JS のイベント:

  • コンセプト: 特定のコンポーネントが特定の操作を実行した後、特定のコードの実行をトリガーします。
  • イベント: 特定の操作。例: クリック、ダブルクリック、キーボード押下、マウス移動
  • イベント ソース: コンポーネント。例: ボタンのテキスト入力ボックス...
  • リスナー: コード。
  • リスニングの登録: イベント、イベント ソース、リスナーを組み合わせます。イベント ソースでイベントが発生すると、リスナー コードの実行がトリガーされます。

1. よく使用されるイベント

1) クリック イベント:

  • onclick: クリック イベント
  • ondblclick: ダブルクリック イベント

2) フォーカス イベント

  • onblur: フォーカスを失う
  • onfocus: 要素がフォーカスを獲得します。

3) 読み込みイベント:

  • onload: ページまたは画像が読み込まれます。

4) マウス イベント:

  • onmousedown マウス ボタンが押されました。
  • onmouseup マウス ボタンを放します。
  • onmousemove マウスが移動します。
  • onmouseover マウスを要素の上に移動します。
  • onmouseout マウスが要素から遠ざかります。

5) キーボード イベント:

  • onkeydown キーボードのキーが押されました。
  • onkeyup キーボードのキーが放されます。
  • onkeypress キーボードのキーが押されてから放されます。

6) 選択および変更イベント

  • onchange フィールドの内容が変更されます。
  • onselect テキストが選択されています。

7) フォームイベント:

  • onsubmit 確認ボタンがクリックされました。
  • onreset リセットボタンがクリックされました。

2. イベント登録

3.1. イベント登録 (バインディング) とは何ですか?

実際には、イベントが応答したときにどのオペレーション コードを実行するかをブラウザーに指示します。これは、イベント登録またはイベント バインディングと呼ばれます。

3.2. イベントを登録する 2 つの方法 (静的登録イベント、動的登録イベント)

静的登録イベント:イベント応答後のコードにHTMLタグのevent属性を直接割り当てる方法を静的登録といいます。

function sayHello() { alert("hello js!"); }   
ログイン後にコピー

イベントの動的登録:は、まず js コードを通じてラベルの dom オブジェクトを取得し、次に dom オブジェクトを通じて取得することを指します。イベント名=function(){} が割り当てられます。イベント応答後のイベント このコードは動的登録と呼ばれます。

動的登録の基本手順:

1. ラベル オブジェクトを取得します

2. ラベル オブジェクト.イベント名=fucntion() {}

    
ログイン後にコピー

keydown イベントを通じて Enter キー 13 と ESC キー 27 をデモンストレーションする

   
ログイン後にコピー

[関連する推奨事項:JavaScript 学習チュートリアル]

以上がJavaScriptでよく使われるイベントは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!