每天进步一点点之-----input标签number类型为啥可以输入e

793 阅读1分钟

前段时间做项目意外发现input输入框设置number类型时可以输入字母e

Z9W4.jpg

当时就勾引了我的情趣

le31Z.jpg

啊!!不对,不对,是激发了我充满好奇的心

经过我一番 查找(资料来源于维基百科) 原来e在数学中是作为数学常数,是自然对数函数的底数,也可以称自然常数自然底数,或是欧拉数,它是一个无限不循环小数,数值约是e=2.718281828459045...

但是我们怎样组织用户输入e呢

在inpu原生事件中把非数字的按键过滤掉,具体操作如下:

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

写上这段代码就可以了,但是!!!!!

如果用中文输入法还是可以输入e,这个时候用一下方法就可以了!!!

<input type="number" oninput="value=value.replace(/[^\d]/g,'')" />

两者的方式 不同点:
onKeypress:在用户敲击按钮时触发。
oninput :当元素获得用户输入时运行的脚本。

好啦,今天记录自己新知识就到这里啦!!!继续加油!!