Question

我有4个字段用于API密钥（测试和实时，秘密和公共），所有字段都为.key

我试图在输入焦点上选择输入值。

输入如下：

<input 
    type="text" 
    name="live_public_key" 
    class="form-control text-center key" 
    value="API key here" 
    readonly>

我已经搜遍了所有人，但对此的共同答案似乎与此相似：

<script>
    $(document).on('focus', '.key', function() {
        this.select();
    });
</script>

但这不起作用。

选择一毫秒的文本取消选择它，似乎将焦点移回输入本身。

我不知道这是不是自助事件，或者我是否编错了。

Answer 1

该字段正在mouseup上取消选择。试试这个：

$(document).on('focus', '.key', function() {
    this.select();
}).on('mouseup', '.key', function(e) {
    e.preventDefault();
});

JSFiddle

Answer 2

使用解决方法：

<script>
    $(document).on('focus', '.key', function() {
        var that = this;
        window.setTimeout (function(){ 
            that.select(); 
        }, 100);
    });
</script>

在输入焦点引导程序3中选择文本

2 个答案: