我有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>
但这不起作用。
选择一毫秒的文本取消选择它,似乎将焦点移回输入本身。
我不知道这是不是自助事件,或者我是否编错了。
答案 0 :(得分:3)
该字段正在mouseup
上取消选择。试试这个:
$(document).on('focus', '.key', function() {
this.select();
}).on('mouseup', '.key', function(e) {
e.preventDefault();
});
答案 1 :(得分:0)
使用解决方法:
<script>
$(document).on('focus', '.key', function() {
var that = this;
window.setTimeout (function(){
that.select();
}, 100);
});
</script>