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

Question

我刚刚被告知要这样做:

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

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

Answer 1

除非您知道它的用途，否则不要认为您可以回答它。突出显示可能意味着“呼出”，也可能意味着“选择”。 “突出显示答案”与“用鼠标突出显示文本”。您不能在同一输入框中选择文本和光标。

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

这是许多自动完成库使用的类似技术，因此看起来您选择的项目仍在输入中(例如 WordPress 中的标签或蓝色社交网络上 friend 的名字)。

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