如何在更改后的输入中选择文本？

Question

这段代码写着“我已选择输入！” 进行控制台，但不选择输入中的文本

HTML：

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<input type="text" id="foo">

和javascript：

$(function() {
    $('#foo').on('change', function(){
        $(this).select();
    });
    $('#foo').on('select', function(){
        console.log("I'm selected input!");
    });
});

UPD 1： stopPropagation和preventDefault不能使机器人正常工作UPD 2：此代码也无法正常工作：

$('#foo').on('change', function(){
    $(this).focusout(function(){
        $(this).select().focus();
    });
});

UPD 3：使用debugger我会看到选定的文本

PS对不起，我的英语不好:)

Answer 1

同时有太多事件在运行！ 因此，您需要延迟选择方法。 另外，$（this）在setInterval / setTimeout方法内是不同的，因此您需要按以下方式对其进行缓存：

 $(function() {

    $('#foo').change(function(){
        var $this=$(this);
        setTimeout(function(){
            $this.select();
        },10);
    });
    $('#foo').select(function(){
        alert("I'm selected input!");
    });
});

经过许多浏览器测试