Javascript 如何在拖动滑块时实时获取范围滑块的值?

Javascript 如何在拖动滑块时实时获取范围滑块的值?,javascript,html,dom,Javascript,Html,Dom,我有以下两个按钮 X轴 Y轴 这里是更新函数 功能更新{ 设x=document.getElementByIdXslider.value 设y=document.getElementByIdYslider.value 调整x,y } 仅当鼠标按钮完成拖动时,更新调用才会调整。在拖动滑块时,而不是在完成拖动后,如何让更新函数调用实时调整?尝试以下方法: 文件 X轴: Y轴: 功能更新{ 设x=document.getElementByIdXSlider.value; 设y=document.ge

我有以下两个按钮

X轴 Y轴 这里是更新函数

功能更新{ 设x=document.getElementByIdXslider.value 设y=document.getElementByIdYslider.value 调整x,y } 仅当鼠标按钮完成拖动时,更新调用才会调整。在拖动滑块时,而不是在完成拖动后,如何让更新函数调用实时调整?

尝试以下方法:

文件 X轴: Y轴: 功能更新{ 设x=document.getElementByIdXSlider.value; 设y=document.getElementByIdYSlider.value; document.getElementByIdx.innerText=x; document.getElementById.innerText=y; }
我认为您要做的是将onchange更改为oninput。

这应该可以做到,测试以查看控制台值

var x=document.getElementById'XSlider' var y=document.getElementById'YSlider' 功能更新{ console.log e.target.value } x、 addEventListener“输入”,更新; y、 addEventListener“输入”,更新; X轴 Y轴
这个答案是正确的,但是如果你也提供了一个例子和一个解释就更好了。虽然这个链接可以回答这个问题,但是最好在这里包括答案的基本部分,并提供链接供参考。如果链接页面发生更改,则仅链接的答案可能无效-