javascript - 短时间间隔多次触发弹窗

Question

我想创建一个输入字段来动态地对无效输入使用react，以便显示弹出窗口(带有 window.alert)以通知玩家无效输入。但是，在我关闭弹出窗口后，相同的弹出窗口将显示两次，间隔时间很短。不过，在此之后可以更改输入。

如何解决？有没有办法确保弹出窗口不会再次显示几秒钟？

相关代码:

$(':input').bind('keypress keydown keyup change',function(){
  var weight = parseFloat(String($(':input[name='.concat(n,']')).val()).replace(',', '.'));

  if (weight > 100 || weight < 0){
      window.alert("Bitte eine Nummer zwischen 0 und 100 eingeben!");
  }

});

Answer 1

您正在绑定(bind) 4 个事件来执行相同的操作，因此您应该收到 4 个警报:

所有 4 个事件都会触发，因为您按下该键，然后释放该键，并且由于当您执行警报时该元素失去焦点，因此也会触发更改事件。

• keypress (已弃用)按下产生字符值的键时触发
• keydown当按下某个键时会触发。
• keyup释放按键时触发。
• change当用户提交值时触发。

您忘记了input -事件即将完成...

使用更改事件，仅在用户提交值时运行代码。