突出显示输入字段中的文本并同时激活光标 - 可能吗?

时间:2014-05-05 21:11:16

标签: javascript html

我刚被告知要这样做:

  • 应完全突出显示用户搜索字符串
  • 光标应在搜索框中处于活动状态

Afaik - 如果没有严重的黑客攻击,这是不可能的 - 对吗?

1 个答案:

答案 0 :(得分:2)

除非你知道它的用途,否则不要以为你可以回答它。突出显示可能意味着“呼唤”#39;或者它可能意味着选择'。 " 突出显示答案" vs" 使用鼠标突出显示文本"。您不能在同一输入框中选择文本和光标。

也就是说,如果该div的文本样式与输入文本CSS匹配,则可以使具有白色背景和灰色边框的div看起来像输入。将div和输入放入包含position: relative;的包装器中。将.fake-input-div放在position: absolute的实际输入上,左侧有一点呼吸空间。通过JS选择.fake-input-div的文本并关注输入。左侧呼吸室应该在输入中显示光标。 onkeydown输入,隐藏假div。然后处理用户期望的其他N个可能的交互。 :)

它是一种类似的技术,许多自动填充库使用它,因此看起来您选择的项目仍然在输入中(比如wordpress中的标签或朋友在该蓝色社交网络上的名称)。 / p>

最佳:向老板解释为什么这是一个坏主意。 :)