我有一个滑块问题,在拖动滑块时它应该给我恒定的值。
我的html代码如下:
<div class="dimmer">
<div class="intensity-slider">
<!--<label for="fader">INTENSITY</label>-->
<input type="range" min="0" max="100" value="80" class="vertical" orient="vertical" id="fader" step="1" oninput="outputUpdate(value)">
<output class="output" for="fader" id="intensity">80</output>
<script>
function outputUpdate(int) {
document.querySelector('#intensity').value = int;
}
</script>
</div>
<div class="blackout">
<a ontouchstart="" href="#" id="blackout">BO</a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
现在,我有了输出类强度,并且在拖动滑块时它会得到更新。
我现在需要获取这个值来更新我的 jQuery consolelog。
这是我的JavaScript代码:
$( "#fader" ).mousedown(function(value) {
console.log(document.querySelector('#intensity').value);
});
Run Code Online (Sandbox Code Playgroud)
控制台正确记录该值,但我不是在整个拖动过程中获取流,而是获取按下时的值。
如何解决这个问题?