jQuery mousedown和mouseup事件

當使用者按下滑鼠時，會觸發 mousedown 事件；當使用者鬆開滑鼠時，則會觸發 mouseup 事件。mousedown 表示滑鼠按下的一瞬間所觸發的事件，而 mouseup 表示滑鼠鬆開的一瞬間所觸發的事件。當然，我們都知道只有“先按下”才能“再鬆開”。

舉例：滑鼠按下和鬆開

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").mousedown(function(){
                $("h1").css("color", "red");
            })
            $("#btn").mouseup(function () {
                $("h1").css("color", "black");
            })
        })
    </script>
</head>
<body>
    <h1>C語言中文網</h1>
    <hr />
    <input id="btn" type="button" value="按鈕" />
</body>
</html>

預覽效果如圖 1 所示。

圖 1：滑鼠按下和鬆開