jQuery 或 JavaScript(大多数跨浏览器兼容)中是否有通用方法来检查文本是否已突出显示?
我正在使用 HTML <input type='text'>
元素。这是一个搜索框,在搜索项目时允许使用特定格式。
用户可以输入以下内容:
- 项目名称、位置、描述和其他字母数字输入
- 项目编号(均为数字)
在keydown上,我正在过滤各种搜索格式。按照目前的情况,如果输入了 10 个字符,并且它们都是数字,则 input
文本框仅允许输入更多非数字字符。原因是,我们的项目编号长度为 10 位,当用户搜索项目编号时,我们希望只捕获前 10 个字符,而忽略其余的字符。
我的目标是允许用户通过项目编号查找项目,突出显示他们刚刚输入的文本,然后通过项目编号搜索另一个项目(替换现有的搜索文本)。但是,由于我们正在过滤非数字输入,因此不会捕获数字。
以下是我过滤非数字的方法:
if ($input.val().length == 10 && !isNaN($input.val().replace(' ', '#'))) {
if ((e.which >= 48 && e.which <= 57) || (e.which >= 96 && e.which <= 105)) {
return false;
}
}
如何修改此设置以确保如果我的文本突出显示,input
将允许数字输入来替换现有的查询?
最佳答案
您可以使用Selection
对象:
var selection = window.getSelection();
请参阅此处的文档:https://developer.mozilla.org/en-US/docs/Web/API/Selection
使用此对象,您可以检查选定的 dom 节点 (anchorNode
)。例如:
if ($(window.getSelection().anchorNode).attr('id') === 'something') { ... }
关于javascript - 如何检查文本是否突出显示(跨浏览器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24331302/