jquery实现同一元素单击、双击、拖拽

在html中有这样一个元素

<div id="demo" style="width: 100px;height: 50px;position: absolute;border: 1px solid;background: red;left: 400px;top: 200px">

为其绑定单击和双击事件后，双击仍会触发单击事件，原因是点击第一次就会直接触发单击(点击)事件。
所以可以为单击事件设置一个延时执行，在这里我设置了250ms，也就是单击事件会单击后250ms执行，而双击事件也必须在250ms内连击两次才会触发。这样做但是在双击事件。
但是在双击事件运行结束后，仍会执行单击事件，所以需要设置一个标记，我这里设置了一个变量isDouble，单击事件的250ms前赋值为false，250ms内如果触发了双击事件，将其赋值true，如果是true的话，将不执行单击事件

实现鼠标拖拽，该方块跟随鼠标进行移动，分为3步实现

1、为该元素绑定鼠标按压事件
2、监听鼠标移动，使得方块跟随移动
3、鼠标松开，方块停止移动

鼠标松开的mouseup方法运行完后，仍会执行单击事件，所以需要设置一个标记，我这里设置了一个变量isDrag，如果鼠标按压的过程中发生了移动，将isDrag设置为true，否则设置为false
代码展示

var timer;
	//是否正在被双击
    var isDouble = false;
    //是否正在被拖拽
    var isDrag = false;
    //双击事件
    $("#demo").dblclick(function(){
        clearTimeout(timer);
        alert("触发了双击");
        isDouble = true
    })
    //单击事件
    $("#demo").click(function(){
        isDouble = false;
        rtimer = setTimeout(function(){
            if (isDouble || isDrag) return;
            alert("触发了单击");
        },250);
    });
    //鼠标按下
    $("#demo").mousedown(function(f){
        clearTimeout(timer);
        //获取到鼠标按下的位置
        var firstev = mousePosition(f);
        //获取到当前元素的位置
        var first = getElCoordinate($("#demo"));
        //鼠标到div左上角的x y距离
        var X = firstev.x - first.left;
        var Y = firstev.y - first.top;
        var isMove = true;
        //鼠标移动
        $("#demo").unbind("mousemove").mousemove(function(e){
            if (isMove) {
                var ev = mousePosition(e);
                //重新固定位置
                $("#demo").css("top",ev.y-Y);
                $("#demo").css("left",ev.x-X);
            }
        });
        //松开鼠标，移动结束
        $("#demo").unbind("mouseup").mouseup(function(g){
            $("#demo").onmousemove=null;
            $("#demo").onmouseup=null;
            isMove = false;
            var secondev = mousePosition(g);
            var X1 = secondev.x - first.left;
            var Y1 = secondev.y - first.top;
            //判断是否发生了移动
            var d = Math.sqrt((firstev.x-secondev.x)*(firstev.x-secondev.x)+(firstev.y-secondev.y)*(firstev.y-secondev.y))
            if (d >=1 ) {
                isDrag=true
            }else{
                isDrag = false;
            }
        });
    });
    //兼容各种浏览器的,获取鼠标真实位置
    function mousePosition(ev){
        if(!ev) ev=window.event;
        if(ev.pageX || ev.pageY){
            return {x:ev.pageX, y:ev.pageY};
        }
        return {
            x:ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
            y:ev.clientY + document.documentElement.scrollTop  - document.body.clientTop
        };
    }
    //获取一个DIV的绝对坐标的功能函数,即使是非绝对定位,一样能获取到
    function getElCoordinate(dom) {
        dom = dom[0];
      var t = dom.offsetTop;
      var l = dom.offsetLeft;
      dom=dom.offsetParent;
      while (dom) {
        t += dom.offsetTop;
        l += dom.offsetLeft;
        dom=dom.offsetParent;
      }; return {
        top: t,
        left: l
      };
    }