如何在jQuery中了解Bootstrap按钮状态

Question

如果我有一个按钮：

<button type="button" class="btn btn-primary timer" id="s-timer">
    Start timer
</button>

在jQuery中，我怎么知道按钮是否被点击进入？

我知道我可以举办.click()活动，但我特别想知道它是什么样的点击？我想知道这个人是否已按下按钮，或者他们是否正在相反。

谢谢

Answer 1

据我所知，开箱即用的按钮没有关联状态，这是你必须自己实现的。

Answer 2

实际上很简单。

2个jQuery事件：

Mousedown和 Mouseup

<button type="button" class="btn btn-primary timer" id="s-timer">
    Start timer
</button>

$('#s-timer')
    .mousedown(function () {
        $(this).addClass('clicked-class');
    })
    .mouseup(function () {
        $(this).removeClass('clicked-class');
    });