js のイベントイベントとは何ですか?イベントは、コンピューターの入力デバイスとページ間のやり取りに対する応答であり、これをイベントと呼びます。 イベントタイプ
一般的なイベント
イベント登録イベント登録(バインディング)とは何ですか?
動的登録の基本的な手順: 1. タグオブジェクトを取得する 静的および動的登録の例onload 読み込み完了イベント静的バインディング:<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>静的登録</title> <script type="text/javascript"> // onload イベントメソッド関数 onloadFun() { alert('onload イベント、すべてのコードを静的に登録します'); } </スクリプト> </head> <!--onload イベントを静的に登録します。onload イベントは、ブラウザがページを解析した後に自動的にトリガーされるイベントです。body タグの属性は、この属性を通じて登録されます --> <body content="onloadFun();"> </本文> </html> 動的バインディング:window.onload(){} メソッドを介して中括弧内のメソッドを呼び出す書き込み方法を修正しました。 <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>動的登録</title> <script type="text/javascript"> // onload イベントの動的登録。固定の書き方です。window.onload = function() { alert("動的に登録された onload イベント"); } </スクリプト> </head> <本文> </本文> </html> onclick クリックイベントたとえば、この例から 2 つの定義の違いをよりよく理解できます。 onclick 静的バインディング イベント<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>タイトル</title> <script type="text/javascript"> 関数onclickFun() { alert("onclick イベントを静的に登録します"); } </スクリプト> </head> <本文> <!-- ボタンの onclick 属性を通じて onClick イベントを静的に登録します --> <button onclick="onclickFun();">ボタン 1</button> </本文> </html> onclick 動的バインディング イベント<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>タイトル</title> <script type="text/javascript"> window.onload = 関数(){ //getElementById は id 属性を通じてタグ オブジェクトを取得します var btnObj = document.getElementById("btn01"); // 2 タグオブジェクトを介して。イベント名 = function(){} btnObj.onclick = 関数 () { alert("動的に登録された onclick イベント"); } } </スクリプト> </head> <本文> <button id="btn01">ボタン 2</button> </本文> </html> 上記は、JavaScript イベントの概念(静的登録と動的登録の区別)の詳細な説明の詳細な内容です。JavaScript イベントの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
>>: Linuxはiptablesを使用して複数のIPからのサーバーへのアクセスを制限します
Web デザイナーとして豊富な CSS 経験を持つ私たちは、あらゆる種類のコード構文、互換性、スニペ...
1. ユーザーとパスワードの作成方法1. MySQLデータベースに入る mysql> mysq...
興味深い発見:合計 1000 件のレコードを含むテーブルがあります。クエリ ステートメントは次のよう...
購入証明書Alibaba CloudのCloud Shield証明書サービスから購入できます。証明書...
このタグはHTML3.2の一部ではなく、MSIE3以降のカーネルでのみサポートされているため、IEカ...
1. 位置情報の利用状況の概要ロケーションは、さまざまな処理方法に対してさまざまな種類のリクエストを...
この記事では、VMware Workstation 14 Proのインストールとアクティベーションに...
HTML ボタン自体を中央に配置するにはどうすればよいでしょうか? このアイデアは簡単に見つかります...
よく使用されるコマンドは次のとおりです。 chmod 777 文件或目錄例: chmod 777 /...
SQL はメイントランクです。なぜ私はこのように理解するのでしょうか。技術的な観点からリレーショナル...
目次背景メタバースとは何ですか?成果を達成するトライアル 1: THREE.TorusGeometr...
目次序文1. Dockerをインストールする2. Dapr CLIをインストールする3. Net6 ...
1. MySQL の権限の概要MySQL には、権限を制御する 4 つのテーブルがあります。user...
序文クエリの最適化は一夜にして達成できるものではありません。対応するツールの使い方を学び、他の人の経...
この記事では、カレンダー効果を素早く実現するためのJavaScriptの具体的なコードを例として紹介...