首页 > 解决方案 > 输入中的光标从焦点文本的左侧开始

问题描述

https://mystifying-austin-2cfe16.netlify.com/

当用户单击搜索图标、键入数据、单击关闭搜索并重新输入输入字段时,光标从文本左侧开始。知道如何解决这个问题吗?谢谢

  1. 点击搜索图标
  2. 输入一些东西
  3. 单击模式退出搜索
  4. 点击搜索图标 看起来像这样 “|wordsdsds”应该是 -> “wordsdsds|”

标签: javascriptsearchinputcursor

解决方案


Sem olhar seu código javascript e seu css fica difícil identificar a causa do problema, no entanto segue solução que resolvera seu problema。

添加 o eventto onclick="this.setSelectionRange(this.value.length, this.value.length)" ao seu 输入。示例:

<input type="text" class="sc-htpNat ctLBqi searchinp" placeholder="Search" aria-label="Search" onclick="this.setSelectionRange(this.value.length,this.value.length)">

推荐阅读