jquery 将焦点设置为动态生成的元素

Question

我已经多次遇到过这种情况，我希望在某些或其他验证失败后(通常是在更改或模糊时)将焦点重置到动态生成的元素(和/或选择其内容)，但我有始终无法提出令人满意的解决方案。为什么这不起作用？ MyFiddle

jQuery(function(){
    jQuery("body").append("<input type='text' id='test' size='5'/>&nbsp;&nbsp;<button>Go</button>");
    jQuery('body').on('blur', '#test', function()
    {   var test = jQuery(this).val();
        if(test && !isNumber(test))
        {   alert('Not a Number!');
            jQuery(this).focus().select();
            //jQuery('#test').focus().select();
        }
    });
});
function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
}

Answer 1

您可以尝试使用setTimeout函数:

$('#test').on('blur', function () {
    var $this = $(this), test = this.value;
    if (test && !isNumber(test)) { 
         setTimeout(function() {
            $this.focus().select();
         }, 4);
    }
});

http://jsfiddle.net/tFAaf/