jQueryのfocus()の使い方

coldplay.xixi
リリース: 2021-02-07 11:53:23
オリジナル
3673 人が閲覧しました

jQuery focus() の使用法: まず、[ready()] メソッドを通じてページが読み込まれるときに、id を通じて入力オブジェクトを取得し、それに focus イベントをバインドします。次に、入力がフォーカスを取得したときに、 、関数メソッドを実行し、最後に [val()] メソッドを通じて入力コンテンツを取得します。

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

jQuery focus() の使用法:

1. jQuery の focus()# を説明するために、test.html という名前の新しい HTML ファイルを作成します # #このメソッドは何をするのでしょうか?

jQueryのfocus()の使い方

2. test.html ファイルで、input タグを使用してテキスト ボックスを作成し、そのデフォルト値を 123456 に設定します。

jQueryのfocus()の使い方

3. test.html ファイルで、input タグに id 属性を追加し、mytest に設定します。

jQueryのfocus()の使い方

4. js タグでは、ready() メソッドを通じてページの読み込みが完了したら、id を通じて入力オブジェクトを取得し、それに focus イベントをバインドします。入力がフォーカスを取得すると、関数メソッドが実行されます。

jQueryのfocus()の使い方

5. function メソッドでは、

val() メソッドを通じて入力内容を取得し、alert()## を使用します。 # 出力するメソッド。

jQueryのfocus()の使い方#6. ブラウザで test.html ファイルを開いて効果を確認します。

jQueryのfocus()の使い方

関連する無料学習の推奨事項:

javascript(ビデオ)

以上がjQueryのfocus()の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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