我刚刚被告知要这样做:
- 用户搜索字符串应完全突出显示
- 光标应在搜索框中处于事件状态
Afaik - 如果没有严重的黑客攻击,这是不可能的 - 对吗?
最佳答案
除非您知道它的用途,否则不要认为您可以回答它。突出显示可能意味着“呼出”,也可能意味着“选择”。 “突出显示答案”与“用鼠标突出显示文本”。您不能在同一输入框中选择文本和光标。
也就是说,如果该 div 的文本样式与您的输入文本 CSS 匹配,则可以使具有白色背景和灰色边框的 div 看起来像输入。将 div 和输入放入包装器中并设置 position:relative;
。通过 position:absolute
将 .fake-input-div
放置在实际输入上,并留出一点左侧呼吸空间。通过JS选择.fake-input-div
的文本并聚焦输入。左侧的呼吸空间应该会显示输入中的光标。 onkeydown
对于输入,隐藏假 div。然后处理用户期望的其他 N 个可能的交互。 :)
这是许多自动完成库使用的类似技术,因此看起来您选择的项目仍在输入中(例如 WordPress 中的标签或蓝色社交网络上 friend 的名字)。
最好:向你的老板解释为什么这是一个坏主意。 :)
关于javascript - 突出显示输入字段中的文本并同时激活光标 - 可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23481961/