jQuery: 대리자의 select()가 작동하지 않는 이유에 대한 솔루션(예제 설명)_jquery

jQuery에는 이벤트 처리 함수를 현재 및 미래(동적으로 추가되는) 요소에 바인딩할 수 있는 매우 유용한 위임(이벤트 위임) 기능이 있습니다.

예를 들어 다음 예에서는 입력 텍스트 상자를 동적으로 추가한 후 모든 텍스트 상자(동적으로 추가 여부에 관계없이)가 포커스를 받을 때 자동으로 대문자로 바뀌도록 하고 싶습니다.

코드 복사 코드는 다음과 같습니다.

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

입력 추가

다음으로 몇 가지 작은 기능도 추가하고 싶습니다. 포커스를 받으면 Make 텍스트 상자가 자동으로 모두 선택됩니다.

코드 복사 코드는 다음과 같습니다.

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

코드 복사

코드는 다음과 같습니다.

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

})

해결됨