+
81
-

jquery中单击与双击冲突怎么解决?

jquery中单击与双击冲突怎么解决?明明是双击,单击函数也起作用了,怎么办?

网友回复

+
1
-

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            var timer = null;
            $("#clickme").dblclick(function () {
                clearTimeout(timer);
              alert("双击我了");
            })
            //弹出对话框
            $("#clickme").click(function () {
                clearTimeout(timer);
                //在单击事件中添加一个setTimeout()函数,设置单击事件触发的时间间隔
                timer = setTimeout(function () {
                    alert("单击我了");
                }, 300);
            })
        });
    </script>
    <style>
    </style>
</head>
<body>
    <div id="clickme">
        试做单击或双击我
    </div>
</body>
</html>

我知道答案,我要回答