JQuery 范围输入侦听器 [英] JQuery Range Input Listener

问题描述

嘿，jquery 和 hmtl5 范围有点麻烦.我试图在它们发生变化时获取值，但事件侦听器没有捕获它.目前我的代码是:

Hey having a little trouble jquery and the hmtl5 range. I'm try to get the values as they changed but the event listener is not capturing it. Currently my code is:

HTML

html += '<li>Apply Credits: <input type="range"  min="0" max="'+credits+'" name="discount_credits" id="discount_credits" /> <span>'+credits+'</span></li>'

而 JS 是:

$('#discount_credits').mousewheel( function() { 
        alert('it changed!'); 
        alert('new value = ' + $(this).val()); 
    });

我也试过

$('#discount_credits').change( function() { 
            alert('it changed!'); 
            alert('new value = ' + $(this).val()); 
        });

似乎都不起作用.我做错了吗?

Neither seem to work. Am I doing something wrong?

推荐答案

$('input[type=range]').on('input', function () {
    $(this).trigger('change');
});

这会在每个 input 事件上触发 change 事件.

This fires the change event on every input event.

这篇关于JQuery 范围输入侦听器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！