Question

我有一个经典的HTML范围输入元素，我想要它＆＃34;松散＆＃34;鼠标事件（我认为这是一个错误的表达，但我只能这样解释）如果用户将滑块移动到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范围输入手动松散鼠标事件

1 个答案: