javascript - 在 maxlength 处于事件状态时输入时触发，即使达到 maxlength

Question

“On input while maxlength is active trigger even if maxlength is reached”，这是on input事件的经典用法。当达到 maxlength 时，我可以将事件设置为 false，但我觉得这不是很干净。

有没有其他方法可以在达到最大长度时不触发 onInput？也许另一个事件，onChange 显然不起作用，因为它需要失去输入焦点。

一个简单的 jsfiddle 来显示我的“问题”: fiddle http://jsfiddle.net/ysC7L/195/在第三个文本框上，我希望我的 onInput(或其他)不触发。

Answer 1

看起来您可能需要存储对输入的先前值的引用。如果您在较大函数范围内对输入设置事件处理程序，则可以将输入的先前值存储在变量中并将其与当前值进行比较。

如果您在全局上下文中设置这些事件处理程序，您可能希望避免将先前的值存储为全局变量。相反，您可以在 HTML 输入元素本身上设置一个属性来跟踪先前的值。这是一个例子:

$('#input-5').on('input', function() {
    var self = $(this),
        prevValue = self.attr('data-prev-value') || '',
        currentValue = self.val(),
        maxLength = self.attr('maxlength');

    if (prevValue.length !== currentValue.length || prevValue.length !== maxLength) {
        // do processing
    }
    self.attr('data-prev-value', currentValue);
});

请参阅此 jsfiddle:http://jsfiddle.net/ysC7L/203/ .