web页面中，按钮长按三秒后执行一个方法

最新推荐文章于 2024-04-19 15:32:42 发布

山歌寥哉

最新推荐文章于 2024-04-19 15:32:42 发布

阅读量609

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_14853875/article/details/84636108

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>长按三秒执行一个方法</title>
</head>
<body>
    <button>长按三秒执行一个方法</button>
    <script src="Scripts/jquery-3.3.1.js"></script>
    <script>
        var up = true;
        var timeout = null;
        $(document).ready(function () {

            $("button").mousedown(function () {
                clearTimeout(timeout);
                up = false;
                timeout = setTimeout(function () {
                    if (!up) {
                        alert("已经按了三秒了");
                    }
                }, 3000);
            });

            $("button").mouseup(function () {
                clearTimeout(timeout);
                up = true;
            });
        });

    </script>
</body>
</html>