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。相反，改变事件可能会更好地为您服务。

Jquery：.on（'input'）当输入值被另一个函数改变时不触发

1 个答案: