HTML5范围的onChange事件

前端之家收集整理的这篇文章主要介绍了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)});

猜你在找的HTML5相关文章