jQuery输入事件不会触发

Question

我试图将其添加到输入字段，以便每当用户键入或粘贴内容时，网页上就会出现警报。 但这不会触发（“ code”是输入字段的ID）：

var codeInput = document.getElementById('code');
    $('#code').on('input', function () {
        window.alert(codeInput.value);
    });

Answer 1

假设您的html正常，则可以使用：

$('#code').on('input', function () {
    alert($(this).val())
});

我说假设是因为，如果html是动态的，则可能需要其他方法，例如：

$(document).on('input', '#code', function () {
    alert($(this).val())
});

看看这个小提琴

Answer 2

var codeInput = document.getElementById('code');

在执行JavaScript时遇到此行，它将获得对具有ID code的元素的引用，并将其存储在codeInput中。 分配该值后将不会更新。

$('#code').on('input', function () {
        window.alert(codeInput.value);
    });

这是一个事件处理程序。 一旦它被注册一次，它将在每次元素code输入时执行。

但是，您正在尝试警告codeInput的值，该值之前已分配了一个值， 并且未更新 。

这应该起作用（获取对元素当前状态的引用，然后调用其值）

$('#code').on('input', function () {
    alert($(this).val())
});

Answer 3

jQuery没有输入事件，可以使用以下代码

var codeInput = document.getElementById('code');
    $('#code').on('input', function () {
        window.alert(codeInput.value);
    });