jquery - 如何使 jquery.inputmask 与输入类型=数字一起工作？

Question

只要输入类型=文本，我的代码就可以正常工作，但我想使用类型=数字，以便在移动设备上显示正确的键盘。

有没有办法做到这一点，希望有一些我在文档中遗漏的设置？

这是我的 html:

<input id="Price" name="Price" type="number" placeholder="0.00" tabindex="3"/>

这是我的js:

$(document).ready(function(){
    $('#Price').inputmask("[9][9]9.99", {
        numericInput: true,
        "placeholder": "0",
        showMaskOnHover: false,
        greedy: false
    });
});

Answer 1

jQuery Inputmask 插件 ( http://plugins.jquery.com/jquery.inputmask/ ) 使用 setSelectionRange , selectionStart , selectionEnd (在 https://github.com/RobinHerbots/jquery.inputmask/blob/3.x/js/jquery.inputmask-multi.js 中)。这些属性/方法已被删除于 <input type="number"/>字段 in Chrome当他们更新以符合 W3C 更改时。

如果您认为 W3C 删除数字字段上的这些功能的更改是错误的，请投票给 Bugzilla bug #24796

有some hacks要解决此问题，或者您可能需要使用 <input type="text">