javascript - jQuery 检查输入字段字符是否突出显示

Question

背景

我有一个包含 3 个 input 元素的页面，这些元素采用货币数字

这些 input 类型的 number 元素带有 jQ​​uery 句柄，最多允许 2 位小数位。如果用户尝试输入第三位小数，它不会打印，这很好。

然而...

问题

当输入已经有有效的 2d.p 输入，例如 12.11 并且希望突出显示字段字符(例如单击拖动突出显示到蓝色)以更改/覆盖所有内容时，jQuery 处理程序认为它第三位小数输入并且不打印但是它实际上需要做的是覆盖整体并从头开始。

所以

有没有办法检查 input 字段字符是否突出显示？我知道如果我的 input 有 type="text" 并且只使用 selectionStart 和 selectionEnd 但我想将其保留为 type="number"。

代码:jsfiddle DEMO

任何其他关于 jQuery 代码处理小数点后两位的建议，我将不胜感激

Answer 1

如果我正确理解您的问题，请尝试以下最小更新来检测用户是否“突出显示”了输入值:

if (CharAfterdot > 3 && !window.getSelection().toString()) { 返回假； }

因此，如果通过上述方法找到“选择”(非空/未定义)，则代码允许进一步输入(在您的情况下通过突出显示覆盖)。

更新的 fiddle :

https://jsfiddle.net/qtr30w05/3/