jQuery：一旦激活就使用滑块更改字体大小 - 如何？

Question

我正在尝试制作字体大小滑块，允许用户使用滑块调整字体大小。有效的简单脚本：

滑块：

<input type="range" min="100" max="200" id="slider">

jQuery 脚本：

$('#slider').on('change', function() {
    var val = $(this).val();
    $('#text').css("font-size", (val + "%"));           
});

这很完美，只是我希望它更具动态性，以便在滑块移动时文本开始调整大小，而不是在释放滑块时“激活”。

我该怎么做？

/C80

Answer 1

只需将“更改”更改为“输入”

$('#slider').on('input', function() {
   var val = $(this).val();
   $('#text').css("font-size", (val + "%"));           
});