当我通过另一个jQuery手动更改输入值时，如何捕获jQuery更改事件？

Question

那么我面临一个问题来处理input字段的更改事件。因为我正在通过另一个脚本更改输入字段的文本。因此我无法赶上事件。

看，在这里我有2个按钮-和+时候我会单击 -/+，则一些值在文本框中插入。这是一个数值，我已经手动添加增加和减少，通过包括和减少1.无论如何，因为我的文本框内的文本正在改变，但我不能捕获事件在jQuery 我的代码如下

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<button>-</button><input type="text" id="abc" /><button>+</button> 

和我的jQuery函数都没有捕获事件。

$("#abc").change(function(){ 
    alert(); 
}); 
$("#abc").click(function(){ 
    alert(); 
}); 

因为我通过另一个jQuery助手添加了文本。那么我怎样才能抓住文字变化事件。我不想在增量和减量函数中写下代码。我想保持该代码完好无损。那么有什么方法可以轻松解决这个问题吗？提前致谢。

更新： 这里是增量更新代码和递减

var btn = $(this), 
      oldValue = $('#abc').val().trim(), 
      newVal = 0; 

     if (btn.attr('data-dir') == 'up') { 
      newVal = parseInt(oldValue) + 1; 
     } else { 
      newVal = parseInt(oldValue) - 1; 
     } 
$('#abc').val(newVal); 

Answer 1

您需要.trigger(event)的情况下，当用户将元素交互事件被触发。

$("#abc").change(function() { 
 
    console.log('changed', this.value); 
 
}); 
 

 
$("button").click(function() { 
 
    var btn = $(this), 
 
    oldValue = $('#abc').val().trim(), 
 
    newVal = 0; 
 

 
    if (oldValue != '') { 
 
    if (btn.attr('data-dir') == 'up') { 
 
     newVal = parseInt(oldValue, 10) + 1; 
 
    } else { 
 
     newVal = parseInt(oldValue, 10) - 1; 
 
    } 
 
    } 
 
    
 
    $('#abc').val(newVal).trigger('change'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<button data-dir="down">-</button><input type="text" id="abc" /><button data-dir="up">+</button>

Answer 2

，因为这是改变输入其他脚本也使用jQuery，最可靠的方法是可能只是触发输入值已经被更新后手动更改事件。

$('.counter').val(oldValue + 1).trigger('change');