如何在給定焦點時選擇表單輸入中的文本？

Question

如何在輸入焦點時選擇表單輸入中的文本？

$('#my-input').on('focus', function(){ 
 
    alert('TODO: select the text'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="my-input" value="Select me on click">

Answer 1

您可以使用HTMLInputElement.select()

$('#my-input').on('focus', function(){ 
 
    this.select(); 
 
}); 
 

 
$('#clickbutton').click(function(){ 
 
    $('#my-input')[0].focus(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="my-input" value="Select me on click"> 
 

 
<button id="clickbutton" value="Focus input and select" >Focus input and select</button>