포커스가 주어 졌을 때 양식 입력에서 텍스트를 선택하는 방법은 무엇입니까?

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>