【问题标题】:How to make input work only on drag should not respond on click?如何使输入仅在拖动时起作用而不应在单击时响应?
【发布时间】:2017-10-13 07:26:20
【问题描述】:

您好,我需要像 iOS 滑块这样的输入类型范围工作,其中不应触发 onclick。它应该只在拖动时触发。单击输入范围时会触发onInput()onChange() 事件。

所以测试用例是 onclick 应该被禁用但是 ondrag 应该在哪里工作。

【问题讨论】:

    标签: javascript jquery html twitter-bootstrap


    【解决方案1】:

    这是你的解决方案

    HTML

    <div id="slider">
    
    </div>
    <div id="val">
    
    </div>
    

    JS

    $(document).ready(function(){
      $('#slider').slider({
        min:1,
        max:100,
        stop: unlock
      });
    
      function unlock(event, slider){
        $('#val').text(slider.value);
        if(slider.value <100){
        } else {
          alert('unlocked');
        }
      }
    });
    

    直播DEMO

    【讨论】:

    • 知道它对 onclick() 的作用。我的要求是它应该只适用于拖动。没有点击事件
    • 你试过demo了吗?如果你将它拖到 100,它会触发并发出警报,如果你不拖到 100,则不会发生任何事情。它不是 onclick,它在发布时起作用。
    • 如果你想在拖动的每个点上触发它,那么在滑动功能中将“停止”更改为“滑动”。
    • 我完全没有得到你的答案。我看过你的demo。它不是我想要的。我想禁用滑块上的 onclick 事件。但是在拖动时它应该可以工作。
    • 您不想在点击时触发的拖动操作?
    猜你喜欢
    • 2018-01-28
    • 1970-01-01
    • 2014-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多