ホームページ > 記事 > ウェブフロントエンド > メソッドでJavaScriptを使用する方法
メソッドでJavaScriptを使用する方法
- 藏色散人オリジナル
- 2021-03-30 10:49:002692ブラウズ
JavaScript on メソッドは、選択した要素と子要素に 1 つ以上のイベント ハンドラーを追加するために使用されます。その構文は "$(selector).on(event,childSelector,data,function)" です。
この記事の動作環境: Windows7 システム、jquery バージョン 1.10.2、DELL G3 コンピューター。
メソッドの定義と使用法について
on() メソッドは、選択した要素およびサブ要素に 1 つ以上のイベント ハンドラーを追加します。
jQuery バージョン 1.7 以降、on() メソッドは、bind()、live()、および delegate() メソッドに代わる新しいメソッドです。このメソッドは API に多くの利便性をもたらし、jQuery コード ベースを簡素化するため推奨されます。
注: on() メソッドを使用して追加されたイベント ハンドラーは、現在および将来の要素 (スクリプトによって作成された新しい要素など) に適用されます。
ヒント: イベント ハンドラーを削除する必要がある場合は、off() メソッドを使用します。
ヒント: 1 回だけ実行するイベントを追加して削除する必要がある場合は、one() メソッドを使用します。
構文
$(selector).on(event,childSelector,data,function)
パラメータの説明
event 必須。選択した要素から追加する 1 つ以上のイベントまたは名前空間を指定します。
複数のイベント値はスペースで区切るか、配列にすることができます。有効なイベントである必要があります。
childSelector オプション。イベント ハンドラーを指定した子要素にのみ追加できるように指定します (非推奨の delegate() メソッドなどのセレクター自体には追加できません)。
データ オプション。関数に渡す追加データを指定します。
関数 オプション。イベントの発生時に実行する関数を指定します。
例:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").on("click",function(){
alert("段落被点击了。");
});
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>効果:
以上がメソッドでJavaScriptを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。