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 + "%"));           
});

这很完美，只是我希望它更加动态，以便在滑块一移动而不是 "activating" 释放滑块时文本开始调整大小。

我该怎么做？

/C80

Answer 1

只需将'change'更改为'input'

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