小编Wil*_*yor的帖子

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>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(".slider").change(function() {
    $("#query").text($("form").serialize());
});
Run Code Online (Sandbox Code Playgroud)

这有帮助吗?

html forms html5 onchange range

67
推荐指数
5
解决办法
8万
查看次数

标签 统计

forms ×1

html ×1

html5 ×1

onchange ×1

range ×1