javascript - 输入，手动设置值时不会触发 onchange 事件

Question

即使按下按钮并通过以下方式更改值，我也想在范围 slider 上捕获事件:

$("input").val(1);

http://jsfiddle.net/BaEar/188/

但是“输入”事件不会通过按下按钮触发。而且“改变”也不起作用。

HTML:

<input type="range">
<button>Change</button>
<div id="output"></div>

Javascript:

$("input").on("input", function() { //Does not fire on button click :(
    $("#output").text($(this).val());
});

$("button").click(function() {
   $("input").val(1); 
});

谁有解决方案？谢谢:)

Answer 1

首先，将 on 处理程序更改为使用 change like

$("input").on("change", function() { 
    $("#output").text($(this).val());
});

其次，在点击处理程序中手动触发它

$("button").click(function() {
   $("input").val(1); 
    $("input").trigger("change");
});

fiddle