jQuery:delegate中select()不起作用的解決方法(實例講解)_jquery

jQuery有一個很好用的delegate(事件委派)功能，可以給目前以及將來(動態新增)的元素綁定一個事件處理函數。

例如下面的例子，動態加入一個輸入文字方塊後，我想讓所有文字方塊（不管是不是動態新增的）在取得焦點時，自動轉大寫。

複製程式碼 程式碼如下:

🎜>
   
 
 

 

 

 

 

 

 

  
  add input

接下來，我還想加點小功能，在取得焦點時，還要讓文字方塊自動全選。 複製程式碼

程式碼如下:


$().ready(function(>

$().ready(function(>

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

}) 但是實際測下來，.select()死活就是不起作用，無奈請出setTimeout

複製程式碼


程式碼如下:


$().ready(function(){
 $("#ulTarget"). delegate(":text","focus",function(){
var jqObj = $(this);

jqObj.val(jqObj.val().toUpperCase());
setTimeout(function.val().toUpperCase());setTimeout(function (){jqObj.select();},100); }); )