HTML5范围的onChange事件

目前我范围输入上的onChange事件在每个步骤触发。

有没有办法阻止此事件启动，直到用户放开滑块？

我正在使用范围创建搜索查询。我想要能够在每次表单更改时运行搜索，但在滑块运动的每个步骤发出搜索请求太多了。

谢谢你的帮助

下面是代码：

HTML：

<div id="page">
    <p>Currently viewing page <span>1</span>.</p>
    <input class="slider" type="range" min="1" max="100" step="1" value="1" name="page" />
</div>

JavaScript：

$(".slider").change(function() {
    $("#query").text($("form").serialize());
});

这有帮助吗？

解决方法

用于最终所选值：

$(".slider").on("change",function(){console.log(this.value)});

使用获取增量值作为滑动：

$(".slider").on("input",function(){console.log(this.value)});

原文地址：https://www.jb51.cc/html5/170108.html