如何更改我的js點擊按鈕以保持按下狀態

Question

這是我的按鈕代碼

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

Answer 1

您可以使用jQuery mousedown()方法。

當在所選元素上按下鼠標左鍵時，將發生mousedown事件。 mousedown()方法觸發mousedown event ，或附加一個在發生mousedown事件時運行的函數。

提示：此方法通常與mouseup()方法一起使用。

$("#btn_Shiftup,#menufavs_btn_Shiftup").mousedown(function(){
    // Do your things 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>