javascript - 限制零不适用于弹出窗口

Question

您好，我想限制一个字段的零和点，它正在工作，但是当该字段弹出时，下面的代码不起作用。

<script>
  $('#name').keypress(function(e){ 
       if (this.selectionStart == 0 && e.which == 48 || this.selectionStart == 0 && e.which == 46 ){
          return false;
       }
    });
  </script>

Answer 1

由于模态框的 DOM 是在点击事件时动态生成的，$('.abc').keypress 不会绑定(bind)到它(因为模态框的 DOM 尚不存在)。

在这种情况下，您可以使用事件冒泡。在您的情况下，您可以像这样声明事件处理程序:

$(document).on('keypress', '.abc', function(e){ 
   if (this.selectionStart == 0 && (e.which == 48 || e.which == 46) ){
      return false;
   }
});

这意味着带有 .abc 的元素上的所有 keypress 事件都会冒泡到文档中，并且会触发事件处理程序。

这是更新后的 fiddle :http://jsfiddle.net/hcyj3q6q/398/