javascript - 防止 JavaScript 中默认的 onkeyup 事件

Question

逻辑上防止默认值在按键时不起作用。但我必须实现类似的目标......

我必须创建一个文本字段，就像当用户输入值时，它必须检查它是 3 位数字，并且应该允许最大 2 个小数精度(例如:123.99,24,56)。所以我想读取这些值并调用JavaScript 函数，如果不适合就必须阻止它。

如果我使用按键，我无法跟踪该值，就像用户可能在数字中间放置一个字符一样。那么有什么方法可以实现这一点...

Answer 1

这有效:

var elt = document.getElementById('test');

function saveLastInput(e) {
    e.target.setAttribute('last-input', elt.value);
}

function forbidNonNumbers(e) {
    var elt = e.target,
        newValue = elt.value,
        lastInput,
        newValueIsForbidden = false;

    if (newValue !== '' && !/^[0-9]{1,3}(\.[0-9]{0,2})?$/.test("" + newValue)) {
        newValueIsForbidden = true;
    }

    if (newValueIsForbidden) {
        lastInput = elt.getAttribute('last-input');
        elt.value = lastInput;
    }
}

elt.addEventListener(elt.oninput ? 'input' : 'keyup', forbidNonNumbers); 
elt.addEventListener(elt.oninput ? 'input' : 'keyup', saveLastInput); // Insert this line last!

在 Chrome、FF、IE 11 中测试

此处演示:http://jsfiddle.net/hc5fyLyz/1/