Javascript 当我拖动范围滑块时,什么DOM事件允许持续触发?

Javascript 当我拖动范围滑块时,什么DOM事件允许持续触发?,javascript,dom,mouseevent,Javascript,Dom,Mouseevent,我现在有一个滑块和它旁边的一个框,我想在其中显示滑块的当前值。当我从0-100拖动滑块时,我希望框中的值不断变化。哪个DOM事件最能描述此类事件?目前,我有它的点击关闭,所以它更新后,我完成移动滑块框中的值 let text1=document.getElementById(“sliderText1”); 让slider1=document.getElementById(“slider1”); text1.textContent=slider1.value+“%”; slider1.addEv

我现在有一个滑块和它旁边的一个框,我想在其中显示滑块的当前值。当我从0-100拖动滑块时,我希望框中的值不断变化。哪个DOM事件最能描述此类事件?目前,我有它的点击关闭,所以它更新后,我完成移动滑块框中的值

let text1=document.getElementById(“sliderText1”);
让slider1=document.getElementById(“slider1”);
text1.textContent=slider1.value+“%”;
slider1.addEventListener(“鼠标”,函数(){
text1.textContent=slider1.value+“%”
});


您可以使用
mousemove
事件,这应该会起作用

以下是有关该事件的MDN文档

let text1=document.getElementById(“sliderText1”);
让slider1=document.getElementById(“slider1”);
text1.textContent=slider1.value+“%”;
slider1.addEventListener(“mousemove”,函数(e){
text1.textContent=slider1.value+“%”
});


您可以将mouseup和mousedown与setInterval全局函数结合使用

mousedown事件仅在单击鼠标后执行一次,因此使用setInterval进行处理

在mousedown上运行setInterval,在mouseup上取消它

let text1=document.getElementById(“sliderText1”);
让slider1=document.getElementById(“slider1”);
text1.textContent=slider1.value+“%”;
让它有效;
slider1.addEventListener(“鼠标”,函数(){
clearInterval(intervalId);
text1.textContent=slider1.value+“%”
});
slider1.addEventListener(“鼠标向下”,函数(){
intervalId=setInterval(()=>{
console.log('mousedown')
}, 100)
});