如何使jquery.inputmask与input type = number一起使用？

Question

只要输入类型=文本,我就可以使用此插件正常运行代码,但我想使用type = number,以便在移动设备上显示正确的键盘.

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

这是我的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的输入掩码插件(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"/>领域在Chrome中 ,当他们更新以符合W3C的变化.

如果您觉得W3C更改以删除数字字段上的这些功能是错误的,请投票给Bugzilla错误#24796

有一些黑客可以解决这个问题,或者你可能需要求助于使用<input type="text">

Answer 2

我发现 using<input type="tel" />允许在手机上输入数字，并且还允许所有相同的事件作为type="text"!

不支持这些类型的浏览器将回退到使用“文本”类型。

http://www.caniuse.com/#search=tel

希望这对其他人有帮助。