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

highlight text in input field and have cursor active at the same time - possible?

本文关键字:激活 光标 文本 显示 输入 字段      更新时间:2023-09-26

我只是被告知这样做:

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

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

如果你不知道它是干什么用的,就别以为你能回答。高亮可以表示"呼出",也可以表示"选择"。"高亮显示的答案" vs "用鼠标高亮显示文本"。不能在同一输入框中同时使用选定文本和光标。

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

这是一个类似于许多自动补全库使用的技术,这样看起来你选择的项目仍然在输入中(比如wordpress中的标签或蓝色社交网络上的朋友的名字)。

最好:向你的老板解释为什么这是个坏主意。:)