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

标签 javascript html

我刚刚被告知要这样做:

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

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/

相关文章:

javascript - 碰撞不能正常工作

ios - iOS 设备上的 Dailymotion 嵌入式播放器 (HTML5)

html - 在框架中提交表单

c# - 如何从 Windows Phone 网络浏览器控件隐藏 html 元素

javascript - 使用 jQuery 单击时垂直滚动 100%

javascript - 水平数据更新不适用于滚动

javascript - 带有年、月、日、小时和分钟的 date-fns 倒计时

javascript - 如何将多选的选定选项放在第一个位置

html - 在 DIV 上显示的下拉菜单

javascript - 如何用 jQuery 选择这个元素?