javascript - 我有一个 Uncaught Reference Error 说一个函数没有定义，尽管它似乎被定义了

Question

我正在尝试在输入字段的输入更改时执行一些 javascript 代码。我首先指定一个 oninput 事件处理程序函数名称。

<input type="text" name="venue_name" value="<?php echo $event->venue_name(); ?>"
    class="form-control w2bw2c-name w2bw2c-venue-name" placeholder="Search..." 
    oninput="inputChange()">

我在我的文档就绪函数之外定义了 inputChange 函数，这工作了一段时间，但现在它不工作了。现在我有了这段代码:

<input type="text" name="venue_name" value="<?php echo $event->venue_name(); ?>"
    class="form-control w2bw2c-name w2bw2c-venue-name" placeholder="Search...">

在我的 document.ready 函数中我有:

$('select.w2bw2c-name').input(function() {
    inputChange(this);
});

在我的 document.ready 函数之外，我有函数:

function inputChange(x) { 
    ... some code ...
};

现在，当我在输入字段中输入一些文本时，我收到消息说 inputChange 未定义。也许我必须使用一个类作为选择器会很复杂，但输入字段可能会在一个表单中出现多次，我最初让它工作。

Answer 1

.input() 不是附加 input 事件的有效方式，您应该改用 .on()，例如:

$('select.w2bw2c-name').on('input', function() {
    inputChange(this);
});

注意:当您输入时，您的选择器引用一个select标签，它可能是:

$('input.w2bw2c-name')..

代替:

$('select.w2bw2c-name')..