当前位置:   article > 正文

input的type为number时,过滤符号的方法_input number 符号

input number 符号

前言

input标签的type为number时,是可以输入+/-/e/.等符号的。

通过常规的方式(比如onChange中去正则、onKeypress中去拦截等均无效)。

因为当在移动端时,输入-,浏览器识别的e.target.value为’’,所以压根没有触发onChange。

解决办法

通过监听input的onInput事件,然后判断是否为’'来解决:

let value = e.target.value;
    if (!value) {
      e.preventDefault();
      e.returnValue = false;
      // 通过这样来绕过
      e.target.value = '';
      return false;
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/549528
推荐阅读
相关标签
  

闽ICP备14008679号