2015-09-05 52 views
1

我有API密钥4场(试验和生活,秘密和公开),所有的类.key在输入选择文本焦点引导3

我试图得到一个选择的输入值的上输入的焦点。

输入看起来像这样:

<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> 

但这不起作用。

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

我不知道这是一个引导的东西,或者如果我编写了错误的东西。

+0

:试试这个? onchange可能更适合你,因为这是实际选择的价值。即$('select')。change(function(){return $('option:selected',this).val();}); – kurt

+0

这不是一个选择列表,它是一个输入字段,一个文本字段。 –

+0

对不起,onchange也适用于输入。您也可以使用点击作为替代。 – kurt

回答

3

该字段上mouseup歌厅未选择。你为什么要上重点值

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

JSFiddle

+1

我喜欢这个答案,因为它解决了__why__问题,而不是寻找解决方法。 – rybo111

+0

完美的谢谢Artur。 –

0

使用一种变通方法:

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