站内搜索:
首页 >> 前端 >> 内容
前端火狐浏览器兼容问题:inputtype=number,输入英文字母的问题解决

时间:2018/6/15 15:56:20

输入框设置只能输入数字,一般浏览器都正常识别number,不过能输入e,因为 e在数学上代表2.71828

1、有的人这么解决:

<input type='number' onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode) ) )' />

2、由于火狐里面没有 input type ="number" 这个设置,所以可以随机输入英文,

看了其他的文章用了第一个方法,火狐居然出现无法输入,无法删除的问题.....

那么换一个方法,还是用正则:(设置 text类型,却只能输入数字,字母会自动删除)

<input  type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'');"  >

开发中有很多坑,需要耐心解决

  • 上一篇:HTML的常用标签和基本CSS的应用实例讲解
  • 下一篇:webpack4.X的初学:安装、服务、热更新和处理css文件讲解
  • 返回顶部