javascript - Jquery: .on ('input' ) 当输入值被另一个函数更改时不会触发

标签 javascript jquery input

代码如下:

$("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() );
  });
});

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

最佳答案

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

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

Note: You should not be using the input event handler. See this link and look at the the awful browser compatibility. https://developer.mozilla.org/en-US/docs/DOM/window.oninput . You will probably be better served by the change event instead.

关于javascript - Jquery: .on ('input' ) 当输入值被另一个函数更改时不会触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15389169/

相关文章:

php - 使用 jQuery 计算插件自动计算表单字段值

php - 在 Jquery 中使用数组

python - 如何评估字符串输入并检查它是否为小数

javascript - 电子表格的 Google 脚本(If 语句)

javascript - 是否可以创建一个无需安装即可运行的 NPM 脚本?

javascript - 在没有构造函数的情况下 react 定义状态

php - 使用户能够收藏帖子

jquery - 抽象从不同输入类型获取值

python - 我如何通过使用 python 传递参数来调用 AWS lambda 函数?

javascript - Highcharts 柱形图超出容器范围,无法正确显示 X 轴