相关疑难解决方法(0)

防止输入范围html元素上的mousedown事件,仍然允许用户拖动滑块

那么有没有办法在输入范围元素上禁用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效果这种缩放?

html javascript jquery

9
推荐指数
3
解决办法
3827
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1