У меня есть несколько входных данных, и один из них — type="range" (priceslider).
Для всех входных данных, которые я использую:
$('body').on('input', '#box-filter form[name="filter_form"]', function(e){
if(e.target.type == 'range") {
return; // use the other handler because it keeps firing during slide
}
xhr_filter = $.ajax({
...
Только для используемого мной диапазона:
$('body').on('change', '#box-filter form[name="filter_form"]', function(e){
xhr_filter = $.ajax({
...
В противном случае он сработает несколько раз во время слайда.
Теперь я использую эти два обработчика отдельно, но мне было интересно, можно ли объединить два Пример ниже, конечно, не работает, но речь идет о намерении, которого я хочу достичь. Что-то вроде:
var handler = '';
$('body').on('input', function(e){
if(e.target.type == 'range') {
let handler = 'change';
}
else {
let handler = 'input';
}
});
$('body').on(handler, '#box-filter form[name="filter_form"]', function(e){
xhr_filter = $.ajax({
...
Подробнее здесь: https://stackoverflow.com/questions/793 ... input-type
