解决input[type=number]无法显示非数字字符的问题

在移动端webview实现的页面中，有数字的地方必须使用input type="number"类型的input，否则触发后的键盘为全键盘，而非数字键盘。但另外的一个问题是，input 为 type="number" 类型的无法显示非数字字符，比如：12/23中/。

只能采取另外的思路来解决，比如：显示的时候用非number类型的input或其它元素，当触发onfocus后，利用js 动态修改为number类型。

oPage.addEventListener('focus', function () {
        this.type = 'number';
        sOldVal = this.value;
    }, false);

oPage.addEventListener('blur', function () {
        var sVal = this.value;
        this.type = 'text';
        if (sVal != sOldVal) {
            this.value += '/' + oTotal.value;
        }
    }, false);
</script>

解决input[type=number]无法显示非数字字符的问题相关推荐

设置input[type=number]不显示箭头
input[type=number] {&::-webkit-outer-spin-button,&::-webkit-inner-spin-button {-webkit-appea ...
如何解决 input type=“number“出现上下箭头
jsp里面的样式代码: 如果input只可以输入数字那就改成input type="number" 然后会出现上下箭头用下面这个样式就会去掉 input::-webkit-ou ...
H5 input type=“search“ 不显示搜索解决方法
H5 input type="search" 不显示搜索解决方法参考文章: (1)H5 input type="search" 不显示搜索解决方法 (2) ...
解决 html5 input type='number' 类型可以输入e
当给 input 设置类型为 number 时,比如,我想限制,只能输入 0-9 的正整数,正则表达式如下: /^[0-9]?$/ // 匹配 0-9 的整数且只匹配 0 次或 1 次用正则测试,小 ...
动手写个数字输入框1：input[type=number]的遗憾
前言最近在用Polymer封装纯数字的输入框,开发过程中发现不少坑,也有很多值得研究的地方.本系列打算分4篇来叙述这段可歌可泣的踩坑经历: <动手写个数字输入框1:input[type=nu ...
h5 android数字键盘,【笔记】移动端H5数字键盘input type=number的处理（IOS和Android）...
在Vue中的项目,基于VUX-UI开发,一个常见的需求: 1.金额输入框 2.弹出数字键盘 3.仅支持输入两位小数,限制最大11位数,不允许0开头第一,首先想到额就是在VUX-UI中制定type=n ...
input type=number时，限制输入位数
1.当input,type为text时,设置maxlength后,能限制输入内容长度: 2.当input,type为tel时,设置maxlength后,也是能限制输入内容长度,并且弹起键盘为默认为数字 ...
react input[type='number']
最近在写业务的时候遇到一个坑,当用户在 input[type='number'] 中输入 "01" 时,我将值设置为 1 ,但它不起作用,它仍显示 "01". ...
【Antdv】input type=number去掉上下箭头、提示文字、鼠标滚轮
数字输入框在项目中十分常用,但是有一些属性影响使用体验.解决方案如下: 1.整数文字提示解决方法,将title="" title="" 2.鼠标滚轮会修改数值 ...

解决input[type=number]无法显示非数字字符的问题

解决input[type=number]无法显示非数字字符的问题相关推荐

最新文章

热门文章