关于DIV移动的问题

taoxiang

//鼠标按下时
        Model.prototype.div3Mousedown = function(event){
                var obj=this.getElementByXid('testDiv');
                obj.style.cursor = "move";
                objX = obj.style.left;
                objY = obj.style.top;
                mouseX = e.clientX;
                mouseY = e.clientY;
                isDowm = true;
        };

//鼠标移动
        Model.prototype.div3Mouseover = function(event){
                var obj =this.getElementByXid('testDiv') ;
                var x = e.clientX;
                var y = e.clientY;
                if (isDowm) {
                        obj.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px";
                        obj.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px";
                }
        };
//鼠标松开
        Model.prototype.div3Mouseup = function(event){
                if (isDowm) {
                        var x = e.clientX;
                        var y = e.clientY;
                        var obj =this.getElementByXid('testDiv');
                        obj.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px";
                        obj.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px";
                        mouseX = x;
                        rewmouseY = y;
                        obj.style.cursor = "default";
                        isDowm = false;
                }
        };


这代码执行的时候..拉动是父窗体.....请技术看看

taoxiang

上面事件弄错了.下面这个..
不是拉动父窗口,是压根就不实现拉动效果....
var obj=this.getElementByXid('testDiv');
测试打印了下obj...报错

var Model = function(){
                this.callParent();
                var mouseX, mouseY;  //鼠标 坐标
                var objX, objY;      //div座标
                var isDowm = false; //是否按下鼠标
        };

//鼠标按下时
        Model.prototype.testDivMousedown = function(event){
                var obj=this.getElementByXid('testDiv');
                obj.style.cursor = "move";
                objX = obj.style.left;
                objY = obj.style.top;
                mouseX = e.clientX;
                mouseY = e.clientY;
                isDowm = true;
        };

//鼠标移动
        Model.prototype.testDivMousemove = function(event){
                var obj =this.getElementByXid('testDiv') ;
                var x = e.clientX;
                var y = e.clientY;
                if (isDowm) {
                        obj.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px";
                        obj.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px";
                }
        };
       
//鼠标松开
        Model.prototype.testDivMouseup = function(event){
                if (isDowm) {
                        var x = e.clientX;
                        var y = e.clientY;
                        var obj =this.getElementByXid('testDiv');
                        obj.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px";
                        obj.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px";
                        mouseX = x;
                        rewmouseY = y;
                        obj.style.cursor = "default";
                        isDowm = false;
                }
        };

cgrddv

来改一改
define(function(require) {
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function() {
                this.callParent();
        };

        var mouseX, mouseY; // 鼠标 坐标
        var objX, objY; // div座标
        var isDowm = false; // 是否按下鼠标

        // 鼠标按下时
        Model.prototype.testDivMousedown = function(event) {
                var e = event.originalEvent;
                var obj = this.getElementByXid('testDiv');
                obj.style.cursor = "move";
                objX = obj.style.left;
                objY = obj.style.top;
                mouseX = e.clientX;
                mouseY = e.clientY;
                isDowm = true;
        };

        // 鼠标移动
        Model.prototype.testDivMousemove = function(event) {
                var e = event.originalEvent;
                var obj = this.getElementByXid('testDiv');
                var x = e.clientX;
                var y = e.clientY;
                if (isDowm) {
                        obj.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px";
                        obj.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px";
                }
        };

        // 鼠标松开
        Model.prototype.testDivMouseup = function(event) {
                var e = event.originalEvent;
                if (isDowm) {
                        var x = e.clientX;
                        var y = e.clientY;
                        var obj = this.getElementByXid('testDiv');
                        obj.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px";
                        obj.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px";
                        mouseX = x;
                        rewmouseY = y;
                        obj.style.cursor = "default";
                        isDowm = false;
                }
        };

        return Model;
});
其中，你前面的div需要设置样式（里面有一些是我测试的样式主要是定位）
position:relative;border:1px solid red;height:100px;width:100px;top:0px;left:0px;