如何更改我的 js 单击按钮以按住

Question

这是我的按钮代码

$("#btn_Shiftup,#menufavs_btn_Shiftup").click(function () {             
    user_favourites_add('.group_button_2','#menufavs_btn_Shiftup','Shiftup()');    
});

Answer 1

可以使用jQuerymousedown()方法。

当在所选元素上按下鼠标左键时，将发生 mousedown 事件。 mousedown() 方法触发 mousedown event，或在 mousedown 事件发生时将函数附加到运行。

Tip: This method is often used together with the mouseup() method.

$("#btn_Shiftup,#menufavs_btn_Shiftup").mousedown(function(){
    // Do your things here 
});

您可以找到示例和详细信息 here

var timer = null;
var subject = $("#subject")[0];

var shifter =  function() {
  var newShifterPosition =  subject.style.top ? subject.style.top.split("px")[0] : "100";
  newShifterPosition =  parseInt(newShifterPosition) - 2;
  newShifterPosition = newShifterPosition < 10 ? 100 : newShifterPosition;
  subject.style.top = newShifterPosition + "px";
}


var shiftUp = function() {
   timer = setInterval(function(){
      shifter();    
   }, 200); 
}

var stopShifting = function() {
  timer && clearInterval(timer);
  timer = null;
  $(document).off('mouseup')
}


$(".btn_shiftup").mousedown(function(){
    shiftUp();
    // Stop execution of code when ever a mouse up event happens
    $(document).mouseup(function(){
        stopShifting();
    });

});

.container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #ffeeff;
}

#subject {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  background: #ff000f;
  top: 100px;
  left: 100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>




<div class="container"> 
  <button class="btn_shiftup">Shift Up</button>
  <span id="subject"></span>
</div>

如何更改我的 js 单击按钮以按住

How do I change my js click button to hold down

javascript

jquery

mousedown