如何在给定焦点时选择表单输入中的文本

How to select text in a form input when given focus?

本文关键字：输入 表单 文本 选择 焦点      更新时间：2023-09-26

当输入被赋予焦点时，如何在表单输入中选择文本？

$('#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">

您可以使用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>

相关文章：