javascript - 测试单击输入字段并生成文本选择

Question

我为输入字段实现了以下行为:如果用户单击该字段，它将把整个输入值设置为选择；

$('.my_div input').on('click', function(event){
    this.setSelectionRange(0, this.value.length);
  }
);

现在我不太确定如何测试这种行为。粗略的想法是触发 单击 ，然后检查字段的选择。但不幸的是，我不知道如何获取输入的当前选择。

欢迎提供有关所描述行为的测试方法的任何提示!

Answer 1

紧接着抓取选择的开始和结束，如果开始为 0 且结束为输入长度，则所有内容都被选中。

$('.my_div input').on('click', function(event){
    this.setSelectionRange(0, this.value.length);

    var start = event.target.selectionStart;
    var end = event.target.selectionEnd;
    if(start==0 && end==$(this).val().length)
        console.log('everything is selected');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class='my_div'>
  <input type='text'>
  </div>
<input type='text'>