同一元素同时绑定click和dblclick事件

场景描述：

　　图形展示数据需要用户单击图形执行一种行为，双击图形执行另一种行为；

　　因此，需要在同一HTML元素上绑定单击和双击事件；

错误描述：

　　执行双击事件的同时也执行了单击事件；

解决方案：

　　

$.singleDoubleClick = function (singleClk, doubleClk) {
    return (function () {
        var alreadyclicked = false;
        var alreadyclickedTimeout;
        return function (e) {
            if (alreadyclicked) {
                // double
                alreadyclicked = false;
                alreadyclickedTimeout && clearTimeout(alreadyclickedTimeout);
                doubleClk && doubleClk(e);
            } else {
                // single
                alreadyclicked = true;
                alreadyclickedTimeout = setTimeout(function () {
                        alreadyclicked = false;
                        singleClk && singleClk(e);
                    }, 300);
            }
        }
    })();
}
Call the function .
$('.sel').bind('click', $.singleDoubleClick(function (e) {
        //单击行为
    }, function (e) {
        //双击行为
    }));