2015-03-02 163 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);