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

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

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

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

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

• 
  

add input

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

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

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

コードをコピーします

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

$().ready(function(){ $ ("#ulTarget").delegate(":text","focus",function(){var jqObj = $(this);jqObj.val(jqObj.val().toUpperCase()) ;setTimeout(function (){jqObj.select();},100); })

})

解決しました。