如何显示警报何时/如果输入值实时更改使用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元素的值，由于您使用的编程方式改变它不会执行值使用change事件input。您需要使用.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>