滑块按钮停止移动时的DOM事件是什么[关闭]答案

【问题标题】：What is the DOM event when slider button stops moving [closed]滑块按钮停止移动时的DOM事件是什么[关闭]
【发布时间】：2016-10-21 10:49:51
【问题描述】：

我想在滑块按钮从移动变为停止时发出 ajax 请求，调用的事件是什么？

暂时，我正在使用oninput 事件，该事件将clipLimitChange(value) 调用到console.log(value)。我正在寻找另一个事件，它只会在滑块停止滑动时调用clipLimitChange()，而不是在滑动时调用。

滑块 HTML 代码：

<input type="range" id="clipLimit" style="display: none;" value="2.0" min="0.1" max="5.0" step="0.1" oninput="clipLimitChange(value)">

每当用户更改滑块并将其放下时，都应调用该函数。不是在用户滑动它的时候。

【问题讨论】：

你能发布你目前拥有的 JavaScript 吗？
我拥有的javascript仅用于打印出值的clipLimitChange(value)。但是，我不想使用 onchange() 事件，因为它会在滑动时调用 clipLimitchange。
尝试聚焦或模糊
onChange event for HTML5 range的可能重复

【解决方案1】：

一旦范围停止移动，就会触发 onchange 事件。

<input type="range" id="clipLimit" style="display: none;" value="2.0" min="0.1" max="5.0" step="0.1" onchange="clipLimitChange(value)">

【讨论】：

clipLimitChange 正在打印值 - 我滑动滑块并在我移动时打印值，所以 onchange() 在滑块移动时调用该函数，这是我不想。我希望仅在移动停止时调用它。
此处提供的代码（使用 onchange，而不是 oninput，并删除 style="display:none"）适用于 Chrome 53.0.2785.143 m（64 位）和 Windows 8.1 上的 Firefox 49.0.1 .在用户停止移动按钮并释放鼠标按钮之前，它不会记录该值。我应该说，一旦我从 HTML 中删除了 style="display: none;"，它就可以工作了...
请注意，我确实在 IE11 中发现了不正确的行为。见stackoverflow.com/q/5165579
为我的误解道歉 - onchange() 解决了这个问题。谢谢你的帮助！再次，对不起我的误解。