使用jQuery即时更新范围值

Question

我有一个范围，我想立即更新显示其数值的范围。我所使用的代码，但只有当您停止左键单击时才显示数字值。

这就是我所拥有的：

$("#length").change(function(){  // when range is altered, execute function
    len = $("#length").val(); // set variable "len" to the numeral value of range
    $("#password-length").html(len); // set "len" (numeral value) to a span
});

Fiddle

Answer 1

您可以检查input和change事件以实现此目的。

在这种情况下：

$("#length").on('input change', function(){
   $("#password-length").html(this.value);
});

jsFiddle here

Answer 2

您也可以将其更改为mousemove

$("#length").mousemove(function(){
        len = $("#length").val();
    $("#password-length").html(len);
});