拖动

定义：

var drag = {
    startX: "",
    startY: "",
    endLeft: "",
    endTop: "",
    dradElem: "",
    mousedowElem: "",
    startDrag: function (event) {
        var event = fixE(event);
        drag.startX = event.x;
        drag.startY = event.y;
    },
    whenDrag: function (event) {
    },
    endDrag: function (event) {
        var event = fixE(event);
        event.returnValue = false;
        drag.endLeft = event.x - drag.startX + parseInt($(drag.dradElem).css("left"));
        drag.endTop = event.y - drag.startY + parseInt($(drag.dradElem).css("top")); ;
        if (drag.endLeft == 0 && drag.endTop == 0) { return false; }
        $(drag.dradElem).css({ left: drag.endLeft + "px", top: drag.endTop + "px" })
        if ($("body")[0].offsetWidth - drag.endLeft < 665) {
            $("#addDiagnos .seachInputBox").hide();
        } else {
            $("#addDiagnos .seachInputBox").show();
        }
    },
    mousedowFun: function (mousedowElem, dradElem) {

        this.dradElem = dradElem;
        this.mousedowElem = dradElem;
        $(mousedowElem).mousedown(function (event) {
            if ($(dradElem)[0].dragDrop) {
                $(dradElem)[0].dragDrop();
            }
        })
        var dragAction = document.getElementById("drag");
        $(dradElem)[0].ondragstart = this.startDrag;
        $(dradElem)[0].ondrag = this.whenDrag;
        $(dradElem)[0].ondragend = this.endDrag;
    }

}

使用：

drag.mousedowFun(".mousedowDiv", "#addDiagnos")

addDiagnos 要拖动的元素

mousedowDiv点击拖动的部分