主页 / 问题 / 911761
Accepted
Slam
Asked:2020-11-26 21:49:51 +0000 UTC2020-11-26 21:49:51 +0000 UTC

执行2个事件时如何执行一个函数

  • 772

我有一个应该激活 JS 功能的滑块。用户可以将光标从滑块上移开，但是在按住鼠标左键的同时继续拖动滑块，但是当用户将滑块移动到正确的位置时，用户松开鼠标左键不再在滑块上，但在屏幕上的某个随机点，该功能将不起作用，但此选项会$(document).click消失。

我写了以下版本，可能是某种集体农场，但仍然是一个例子：

$(document).on('mousedown', '#id', function (){
    $(window).click(function (){ 
        // Код всей функции
    }
}

现在我遇到了一个问题，第一次加载页面时，一切都很好，代码可以正常工作，但是当重复操作时，当您单击屏幕上的任意位置时，该功能开始工作，忽略它$(document).on('mousedown', '#id', function ()如何使这两个事件按照原理工作

if(условия1 && условие2){
 //Выполняю
}

PS$(window).click(function ()专门用于捕捉点击，即使用户将光标从滑块上移开。

javascript

1 个回答

  1. Best Answer

    这是因为您在第一个“mousedown”事件上为整个窗口分配了一个点击处理程序。在记住“mousedown”所在的元素后使用“mouseup”事件

    我不添加滑块移动，但一个示例应该显示主要思想：

    $(function() {
  var isMousDownOnSlider = false;

  $('.slider').on('mousedown', function(event) {
    isMousDownOnSlider = true;
  });

  $(document).on('mouseup', function(event) {
    if (isMousDownOnSlider) {
      console.log('Slider mouse up');
      isMousDownOnSlider = false;
    }
  })
})
    .slider {
  width: 25px;
  height: 25px;
  background-color: green
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slider"></div>

    • 0

相关问题