同一元素鼠标点击与长按触发不同事件

触发机制：（鼠标点击）、（鼠标长按）

说明：在同一元素下搭载两个不同的触发事件

代码：

   鼠标点击:

οnclick="clicK()"       function clicK() {

                              alert("点击触发的事件") 被触发的事件

                           }

鼠标长按：

var timeout;

        $("#lonPress").mousedown(function () {

        timeout= setTimeout(function() {

            alert("长按触发的事件")  被触发的事件

        }, 800);  长按时长可跟需求改动

        });

        $("#lonPress").mouseup(function () {

            clearTimeout(timeout);   清除定时器

        });

        $("#lonPress").mouseout(function () {

            clearTimeout(timeout);   清除定时器

        });

效果图：

鼠标点击：                    鼠标长按：