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からのサーバーへのアクセスを制限します
ウェブフロントエンドのウェブサイトの気質は感情であり、言葉なしでユーザーを魅了できる感情です。では、...
序文ページの HTML 構造にネストされたボックスが多数含まれている場合、ページに複数の垂直スクロー...
Compose のいくつかの部分は、何らかの方法で環境変数を扱います。このチュートリアルは、必要な情...
序文Reduce は ES5 で追加された新しい従来の配列メソッドの 1 つです。forEach、f...
<br />多くのウェブサイト デザイナーが犯す最も一般的な間違いは、ウェブページが I...
MySQL のバージョン番号は 5.7.28 です。テーブル A には 390 万件のレコードがあり...
この記事は、IDEA で Web プロジェクトを作成し、Tomcat を構成する方法についての統合記...
MySQLでホワイトリストアクセスを設定する手順1. ログイン mysql -uroot -pmys...
htmlコードをコピーコードは次のとおりです。 <SPAN class=tag><...
Linux インストール JDK1.8 手順1. CentOS に独自の openJDK があるかど...
目次概要達成方法具体的な実装評価関数の終了を決定する生成関数の範囲変換関数マップフィルター割り込み機...
この記事では、参考までに、シンプルなナビゲーションバーを実装するためのJavascriptの具体的な...
この記事の例では、Bootstrap FileInputの具体的なコードを共有して、画像アップロード...
前書き: Docker のポート マッピングは、多くの場合、Docker Run コマンド中に -p...
最近、センタリングの問題に数多く遭遇したので、後で簡単に見つけられるように、時間をかけてそれらを要約...