突出显示输入字段中的文本并同时激活光标-可能的
highlight text in input field and have cursor active at the same time - possible?
我只是被告知这样做:
- 用户搜索字符串应该完全突出显示
- 光标应该在 搜索框中处于活动状态
Afaik -如果没有一些严重的黑客攻击,这是不可能的-对吗?
如果你不知道它是干什么用的,就别以为你能回答。高亮可以表示"呼出",也可以表示"选择"。"高亮显示的答案" vs "用鼠标高亮显示文本"。不能在同一输入框中同时使用选定文本和光标。
也就是说,如果div的文本样式与您的输入文本CSS匹配,那么具有白色背景和灰色边框的div可以看起来像一个输入。将div和输入放入设置为position: relative;
的包装器中。通过position: absolute
将.fake-input-div
放置在您的实际输入上,左侧有一点呼吸空间。通过JS选择.fake-input-div
的文本并聚焦输入。左侧的呼吸空间应该显示输入中的光标。onkeydown
作为输入,隐藏假div。然后处理用户期望的其他N种可能的交互。:)
这是一个类似于许多自动补全库使用的技术,这样看起来你选择的项目仍然在输入中(比如wordpress中的标签或蓝色社交网络上的朋友的名字)。
最好:向你的老板解释为什么这是个坏主意。:)相关文章:
- 激活chrome上的chrome.notifications对象
- 提示使用服务器端事件处理程序激活JavaScript
- 自定义函数中的光标位置
- 如何从外部页面激活非默认引导选项卡
- 选项卡侦听器未被来自后台脚本的消息激活
- 基于localStorage的Meteor激活模板
- 在Widget代码中使用javascript从左向右滑动光标图像
- 将文本插入光标所在的文本区域
- 如何通过按键激活按钮应用CSS效果
- 鼠标光标-用于wordpress网站
- 在BoilerplateJS浏览器加载所有脚本(在其他模块中),而不考虑激活的模块
- 在Widget代码中没有jQuery的情况下,用光标图像从左滑动到右
- 我可以让我的Ajax调用引起一个“;进行中”;光标
- 我必须点击两次才能激活任何按钮操作(离子/角度)
- 默认光标在IE和Mozilla中不起作用
- onmousedown更改光标;可能需要控制事件冒泡
- 由于滑块的原因,光标始终是D3中的十字光标
- 流星:点击激活其他模板
- 为什么触发点击内容可编辑不会激活元素和设置光标
- 突出显示输入字段中的文本并同时激活光标-可能的