当使用退格键或删除按钮删除输入数字时，如何将默认值设置为零？

Question

我有一个默认值为零的输入数字

如果用户完成了退格或删除按钮并删除了值，我如何将默认值零作为后退

这是我的代码

$(document).ready(function () {
  $(".numbersonly").keypress(function (e) {
     if(this.value.length=='0')
     {
             $(this).val('0');
     return false;
     }

     if(this.value.length==2) return false;

     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
        $(this).val('0')
               return false;
    }
   });
}); 

这是我的小提琴

http://jsfiddle.net/HkEuf/10265/

Answer 1

使用keyup 而不是keypress，它可以解决您的问题。

keydown 和keyup 事件表示按键被按下或释放，而keypress 事件表示字符正在输入。

检查这个答案： https://stackoverflow.com/a/11030750/2611451

这些事件的目的完全不同。使用keyup 和keydown 识别物理键，使用keypress 识别键入的字符。两者是具有不同事件的根本不同任务；不要试图将两者混为一谈。特别是，keypress 事件上的 keyCode 通常是多余的，不应使用（旧版 IE 除外，但请参阅下面的链接文档了解更多信息）；对于可打印的按键，它通常与 which 和 charCode 相同，尽管浏览器之间存在一些差异。

Answer 2

如果用户离开输入框并且其中没有任何值，您可以随时将 0 放回，如下所示：

$(document).ready(function() {
  $(".numbersonly").keyup(function(e) {

    if (this.value.length > 2) {
      $("#errmsg").html("Digits Only").show().fadeOut("slow");
      $(this).val($(this).val().substr(0, this.value.length - 1));
      return false;
    }

  });
  $(".numbersonly").blur(function() {
    console.log("blur")
    if ($(this).val() == "") {
      $(this).val('0')
    }
  })
});

blur 功能在用户点击输入框外部后检查输入框。