javascript - 当文本框从另一个元素更改时触发的事件

Question

我的表单上有 4 个文本框，其中 3 个每次更改最后一个文本框的值

分配新值。

我正在尝试创建一个事件，该事件将在每次最后一个文本框值更改时触发

不仅在文本框离开焦点或按下键时。

我试过这段代码，但它不起作用

 <input  class='textbox'  type='text'/>
 <input  class='textbox'  type='text'/>
 <input  class='textbox'  type='text'/>
 <input id='hex_color_textbox' class='textbox'  type='text'/> 

$("#hex_color_textbox").on('change keyup paste', function() 
{

});

有任何想法吗？

谢谢你

Answer 1

如果要将最后一个输入更改为三个文本框之一的值，则应将更改事件放在另一个输入上

$("input:not('#hex_color_textbox')").on("change", function() {
   var val = $(this).val()
   $("#hex_color_textbox").val(val);
});

Answer 2

如果您希望您的代码在用户输入/粘贴内容时做出反应，您可以说：

$("#hex_color_textbox").on('input', function() 
{
    //do your stuff
});

这是示例：http: //jsfiddle.net/dwYeC/

Answer 3

试试下面： -

$('#hex_color_textbox').change(function(){
    // do operation according to Your requirement
    alert("the value has changed");
});

Answer 4

我已经在 jsbin.com 上尝试了您的代码，它可以按照您的描述正常工作，没有问题。我使用了 jquery 1.8

见代码

你使用什么样的浏览器以及 jQuery 的哪个版本？