检查按钮是否按下javascript？

Question

我正在寻找一种简单的方法来确定何时按下按钮。通常onclick不会这样做，因为它只会在点击时刻触发。只要按钮关闭，我就需要触发我的功能。

有一种简单的方法可以使用vanilla javascript实现这一点，还是需要一个库？

Answer 1

你可以这样做：

document.getElementById("yourButtonId").onmousedown = function(event) {
    //fires when mouse down on button
}

或使用事件监听器：（https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener）

document.getElementById("yourButtonId").addEventListener("mousedown", function(event) {
    //fires on mouse down
}, false);

对于触摸事件，请使用ontouchstart

document.getElementById("yourButtonId").ontouchstart = function(event) {
    //fires when touched
}

Answer 2

您可以使用jQuerys .mousedown()和.mouseup()个功能。

EG：

$( "button" ).mousedown(function() {
    console.log( "Mouse down." );
}).mouseup(function() {
    console.log( "Mouse up." );
});