【Web前端问题】js禁止非数字输入的实现？

链接地址：http://list.jr.jd.com/detail/100450.htm

如图所示：
图片描述

他这种输入非数字时，不会显示你输入的内容，在网上找的都是先输入了，然后又被空格替换了，造成的感觉好像是闪了一下，但是它这种就不会，看了源码，但还是不太明白，请高手指点。

回答：

  • 监听的事件是 keydown——何以见得？

jsjQuery($0).data("events");
// Object {keydown: Array[1]}

  • 绑定的回调检测输入键值，不符合要求的直接 preventDefault() 于是就不存在输入也就没有你所谓的替换等等——何以见得？

jsjQuery($0).data("events").keydown[0].handler
// function (d){
//   var c = d.keyCode || d.charCode;
//   if (onKeyResult(c) ) {
//      // reloadHistoryEarnings("reloadImage()", 1);
//   } else {
//      d.preventDefault();
//   }
// }

再往后追看两个函数，一为 onKeyResult，一为 codeValidate，这就没啥好说的了，源码里很清楚。

回答：

这是你提到网站的event处理代码

function (d){
    var c = d.keyCode || d.charCode;
    if (onKeyResult(c) ) {
        //reloadHistoryEarnings("reloadImage()", 1);
    }else{
        d.preventDefault();
    }
}

当 keydown 时，判断输入是否合法，不合法，直接 preventDefault

以上是 【Web前端问题】js禁止非数字输入的实现？ 的全部内容， 来源链接： utcz.com/a/143203.html

回到顶部