在輸入選擇文本焦點引導3

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

但這不起作用。

它選擇毫秒的文本取消選擇它似乎將焦點移回到輸入本身。

我不知道這是一個引導的東西，或者如果我編寫了錯誤的東西。

來源

2015-09-05 Vince Kronlein

：試試這個？ onchange可能更適合你，因爲這是實際選擇的價值。即$（'select'）。change（function（）{return $（'option：selected'，this）.val（）;}）; – kurt

這不是一個選擇列表，它是一個輸入字段，一個文本字段。 –

對不起，onchange也適用於輸入。您也可以使用點擊作爲替代。 – kurt

該字段上mouseup歌廳未選擇。你爲什麼要上重點值

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

JSFiddle

來源

2015-09-05 10:39:00

我喜歡這個答案，因爲它解決了__why__問題，而不是尋找解決方法。 – rybo111

完美的謝謝Artur。 –

使用一種變通方法：

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

來源

2015-09-05 10:13:09

在輸入選擇文本焦點引導3

回答

相關問題