jQuery: Solution to why select() in delegate does not work (explanation with examples)_jquery

jQuery has a very useful delegate (event delegation) function, which can bind an event handling function to the current and future (dynamically added) elements.

For example, in the following example, after dynamically adding an input text box, I want all text boxes (whether dynamically added or not) to automatically turn to uppercase when they receive focus.

Copy code The code is as follows:

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

add input

Next, I also want to add some small functions. When getting focus, Make the text box automatically select all.

Copy code The code is as follows:

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

Copy code

The code is as follows:

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

})

Solved.