Я пытаюсь сдвинуть ползунок диапазона HTML5 и обновить текст в div до любого значения, которое принимает ползунок. Я заметил, что IE и Firefox + Chrome по-разному интерпретируют события диапазона HTML5 для jquery on("change" и on("input"

В Linux и Windows Firefox + Chrome ждут выпуска мыши для on("change" и немедленно запускаются для on("input". В Windows IE запускается немедленно на on("change" и ничего не делает для on("input (т.е. не работает)

Я тестировал это на FF36, Chrome40, IE11.

Попробуйте это на this fiddle в разных браузерах, заменив change на input.

Мой вопрос: есть ли способ заставить все браузеры обновляться немедленно, когда ползунок перемещается? Нужно ли мне писать отдельный код, чтобы проверить, в каком браузере я работаю, перед вызовом варианта функции .on(?

2
Escher 2 Мар 2015 в 13:52

2 ответа

Лучший ответ

Почему бы не использовать сразу обе привязки?

$(document).on('input change', sliderSelector, function () {
    alert('TA-DA-DA-DAAA!');
});
2
Justinas 2 Мар 2015 в 11:09

Вы можете связать оба события.

$(element).on("input change", eventHandler);
1
Bwaxxlo 2 Мар 2015 в 11:17