javascript - 我可以拒绝从 oninput 绑定(bind)捕获的输入吗？

Question

是否可以拒绝来自oninput的输入binding ？

即

var inputEl = document.getElementById("myinput");

inputEl.addEventListener('input', function() {
  if (this.value < 0) {
    return false; // Reject input; replace with previous value
  } else {
    // Valid input.
  }
});

Answer 1

可以在以下位置找到 Codepen 解决方案:

https://codepen.io/li-xinyang/pen/MpgYMW?editors=0011

var el = document.getElementById('input');
var previousVal = "1234";

console.log(el);

el.addEventListener('input', function() {
  console.log(this.value);
  if (parseInt(this.value) < 0)
    this.value = previousVal;
  else {
    previousVal = this.value;
  }
})

<input type="number" id="input">