那么有没有办法在输入范围元素上禁用mousedown和/或click事件,但同时让用户拖动滑块并仍然触发更改事件?禁用点击线但仍然可以拖动滑块.我想阻止用户在滑块中间跳转(使用mousedown/click),但我想让它们拖动它以便更改值.
<input id="slider" name="slider" type="range" value="-1" min="-1" max="30" step="1" />
Run Code Online (Sandbox Code Playgroud)
这没有帮助,因为变更范围被调用并弄乱了数字.
$slider.on('mousedown', function(event) {
//event.preventDefault();
this.value = -1;
/* Act on the event */
console.log("mousedown");
});
$slider.on('click', function(event) {
event.preventDefault();
this.value = -1;
/* Act on the event */
console.log("click");
});
Run Code Online (Sandbox Code Playgroud)
如果我调用event.preventDefault(); 在mousedown滑块上不起作用,无法拖动.有没有办法解决这个问题.
我试图在HTML中重新创建这种效果是否有任何jquery效果这种缩放?