javascript - Jquery：当输入值被另一个函数更改时，.on（'input'）不会触发

Question

这是代码：

$("input[type='text']").on('input', function() { ...stuff here... });  //first function

$('input[type="text"]').click(function() {  //second function
  $('#keyboard').show();
  $('#keyboard .letter').click(function() {
    var currentValue = $('input[type="text"]').val();
    alert(currentValue);
    $('input[type="text"]').val( currentValue + $(this).text() );
  });
});

简短的版本是，当我输入此文本输入时，顶部功能会触发。在第二个函数中，我制作了一个键盘，并根据用户点击更改输入的值。但是，当通过第二个函数更改输入值时，第一个函数不会触发。有任何想法吗？非常感激。

Answer 1

$("input[type='text']").trigger('input');

把它放在你的第二个函数中。仅使用 javascript 设置文本框的值不会触发输入事件，因此您的输入事件处理程序不会触发。在这种情况下，您需要手动触发该事件处理程序。

注意：您不应该使用输入事件处理程序。查看此链接并查看糟糕的浏览器兼容性。https://developer.mozilla.org/en-US/docs/DOM/window.oninput。相反，更改事件可能会更好地为您服务。