HTML范围输入手动松鼠标事件

Question

我有一个经典的 HTML 范围输入元素，我希望它 "loose" 鼠标事件（我认为这是一个错误的表达方式，但我只能这样解释）如果用户将滑块移动到 80 以下。

因此，当滑块值低于 80 时，第 1 步将变为 79（不少于），元素将释放鼠标事件，就好像用户刚刚向上单击一样。但我希望系统通过 js 或 jQuery 发生这种情况。

它可能很简单，但对我来说将是一个强大的工具。

谢谢！

$('#myRange').on("input", function(){
    var val = $(this).val();  
    if(val < 80){
        // here goes the code I am looking for
    } 
});

Answer 1

对于初学者，您可以将该字段设置为只读。

$('#myRange').prop("readOnly",true);

示例

$('#myRange').on("input", function(){
    var val = $(this).val();  
    if(val < 80){
        $('#myRange').prop("readOnly",true);
           } 

})
.on('mouseenter mouseleave',function(){
      $('#myRange').prop("readOnly",true);
    },
    function(){
      $('#myRange').prop("readOnly",false);
    });

HTML范围输入手动松鼠标事件

HTML range input manually loose mouse event

javascript

element

input

range

mouseevent