jQuery: デリゲートの select() が機能しない原因の解決策 (例付きで説明)_jquery

WBOY
リリース: 2016-05-16 17:02:33
オリジナル
1090 人が閲覧しました

jQuery には非常に便利なデリゲート (イベント委任) 関数があり、イベント処理関数を現在および将来の (動的に追加される) 要素にバインドできます。

たとえば、次の例では、入力テキスト ボックスを動的に追加した後、すべてのテキスト ボックス (動的に追加されたかどうかに関係なく) がフォーカスを受け取ったときに自動的に大文字に変わります。

コードをコピー コードは次のとおりです:



デリゲート テスト






  • < input type="text" value="123456abc"/>








次に、いくつかの小さな関数も追加します。フォーカスを取得したら、Makeテキスト ボックスは自動的にすべてを選択します。
コードをコピー コードは次のとおりです:

$().ready(function() {
$("#ulTarget").delegate(":text","focus",function(){
$(this).val($(this).val().toUpperCase()) .select( ;

コードをコピーします

コードは次のとおりです:
})



解決しました。

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