Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑块按钮停止移动时的DOM事件是什么_Javascript_Jquery_Html_Dom - Fatal编程技术网

Javascript 滑块按钮停止移动时的DOM事件是什么

Javascript 滑块按钮停止移动时的DOM事件是什么,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我想在滑块按钮从移动变为停止时发出ajax请求,调用的事件是什么 暂时,我正在使用调用clipLimitChange(value)到console.log(value)的oninput事件。我正在寻找另一个事件,该事件仅在滑块停止滑动时调用clipLimitChange(),而不是在滑块滑动时调用 滑块HTML代码: <input type="range" id="clipLimit" style="display: none;" value="2.0" min="0.1" max="5.

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

暂时,我正在使用调用
clipLimitChange(value)
console.log(value)
oninput
事件。我正在寻找另一个事件,该事件仅在滑块停止滑动时调用
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)">

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


一旦范围停止移动,将触发onchange事件

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


您能发布到目前为止您拥有的JavaScript吗?我拥有的JavaScript仅用于打印值的clipLimitChange(值)。但是,我不想使用onchange()事件,因为它在滑动时调用clipLimitchange。请尝试使用focusout或Blur。clipLimitchange的可能副本正在打印值-我滑动滑块,它也在移动时打印值,所以onchange()在滑块移动时调用函数,这是我不想要的。我希望仅当移动停止时才调用它。此处提供的代码(使用
onchange
,而不是
oninput
,并删除
style=“display:none”
)可在Windows 8.1上的Chrome 53.0.2785.143 m(64位)和Firefox 49.0.1上运行。直到用户停止移动按钮并释放鼠标按钮,它才会记录该值。我应该说,一旦我从HTML中删除了
style=“display:none;”“
,它就可以工作了……请注意,我确实在IE11中发现了不正确的行为。请参见为我的误解道歉-onchange()解决了问题。谢谢你的帮助!再次为我的误解道歉。