4

我已经多次遇到这种情况,我希望在未通过某些或其他验证(通常是更改或模糊)后将焦点重新设置为(和或选择其内容)动态生成的元素,但我从来没有出现过有一个满意的解决方案。为什么这行不通?我的小提琴

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);
}
4

3 回答 3

3

您可以尝试使用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/

于 2013-01-26T14:17:55.843 回答
1

如果你尝试这个会发生什么:

$(function(){
    $("body").append("<input type='text' id='test' size='5'/>&nbsp;&nbsp;<button>Go</button>");

    $('#test').on('blur', function() {   
        if (isNaN(this.value)) {   
            alert('Not a Number!');
            $(this).focus();
        }
    });
});

如果当用户切换到元素时该元素没有值,它会聚焦它并引发警报。这就是你想要的,不是吗?

于 2013-01-26T14:13:00.187 回答
0

这:

jQuery('body').on('blur', '#test', function()

应该:

jQuery(document).on('blur', '#test', function()
于 2013-01-26T14:15:45.363 回答