点击input表单时如何自动选中输入框中所有内容

当你想修改用户名或其他inupt里面的值得时候,需要清空input里面的值或一个一个删除,为了提高用户体验,可以当点击input进入焦点的时候将input的值全部选中,用户输入的时候直接可以替换掉原来的内容,就不需要手动删除或全选删除内容,这样用户体验或多或少会更好一些。

实现也非常简单仅需要加一行代码:@focus=”e => e.target.select()”

          <input @focus="e => e.target.select()" type="text"/>

© 版权声明
THE END
喜欢就支持以下吧
点赞9赞赏
分享
评论 抢沙发