2015-03-02 162 views
1

我想滑动一个HTML5范围滑块,并将div中的文本更新为滑块所需的值我注意到,IE和Firefox + Chrome的解释HTML5范围的事件不同的jQuery的on("change" VS on("input"jquery on(“change”vs on(“input” - 试图统一IE和FF vs Chrome的行为

在Linux和Windows,火狐+铬都等待鼠标释放on("change"和消防立即on("input"。 在Windows上, IE在on("change"上立即着火,并且对on("input没有任何作用(即它不起作用)

我已经测试过FF36,Chrome40,IE11。

this fiddle的不同浏览器上试用此项,用input代替change

我的问题:有没有办法让所有浏览器立即更新,因为滑块正在移动?在调用.on(函数的变体之前,是否必须编写单独的代码来检查我所在的浏览器?

回答

1

为什么不一次使用两个绑定?

$(document).on('input change', sliderSelector, function() { 
    alert('TA-DA-DA-DAAA!'); 
}); 
+0

Holy Moly!我不知道你可以堆叠这样的输入!现在去跑步并阅读它... – Escher 2015-03-02 11:20:06

0

您可以绑定这两个事件。

$(element).on("input change", eventHandler);