вход, OnChange событие DonT огонь, когда значение устанавливается вручную

Question

Я хочу, чтобы поймать событие на ползунок диапазона, даже если я нажимаю кнопку и изменить значение по:

$("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 как

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

Во-вторых, вручную запустить его в обработчик щелчка, как

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

fiddle

Answer 2

Я думаю $("input").val(1) должен следует изменить на $("input").val(1).trigger('input');. Вы слушаете событие input, поэтому после изменения значения, которое должно быть уволено событие.

jsfiddle ->http://jsfiddle.net/BaEar/191/

Answer 3

Попробуйте это:

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

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

http://jsfiddle.net/BaEar/192/

Так регулятор диапазона, как правило, обновление путем изменения значения. Решение AmmarCSE запускает только при установленном значении.