如何更改我的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>