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

时间:2013-09-17 06:23:40

标签: javascript jquery html

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

分配新值。

iam尝试创建一个事件,每当最后一个文本框值更改时都会触发

不仅当文本框离开焦点或键向下时。

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

 <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() 
{

});

任何想法?

谢谢

4 个答案:

答案 0 :(得分:1)

如果您希望将最后一个输入更改为三个文本框之一的值,则应将更改事件放在其他输入上

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

答案 1 :(得分:1)

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

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

以下是示例:http://jsfiddle.net/dwYeC/

答案 2 :(得分:0)

我已经在jsbin.com上尝试了你的代码,它就像你描述的那样没有问题。 我使用了jquery 1.8

see code

您使用的是什么类型的浏览器以及jQuery的哪个版本?

答案 3 :(得分:0)

尝试以下: -

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