当/如果输入值实时更改使用jQuery时，如何显示警报？

Question

如果输入值更改，我试图显示警报。 我正在使用jQuery，因此这是我正在尝试做的演示，但警告未显示/不起作用。 谢谢

 $(".d1, .d2").click( function (e) { var $this = $(this); $(".input").attr('value', $this.text()); }); $(".input").change( function() { alert(this.value); }); 

 .d1, .d2 {cursor:pointer;border:1px solid black;margin-top:10px;padding:5px} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <input class="input" value="" /><p/> <a class="d1">Demo 1</a> <a class="d2">Demo 2</a> 

Answer 1

您需要使用.val()方法来设置input元素的值，因为在input以编程方式更改值时将在input中使用change事件，因此该事件不会执行。 您需要使用.trigger(event)

执行给定事件类型的所有处理程序和附加到匹配元素的行为。

 $(".d1, .d2").click( function (e) { var $this = $(this); $(".input").val($this.text()).trigger('change'); }); $(".input").change( function() { alert(this.value); }); 

 .d1, .d2 {cursor:pointer;border:1px solid black;margin-top:10px;padding:5px} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <input class="input" value="" /><p/> <a class="d1">Demo 1</a> <a class="d2">Demo 2</a>