问题描述
各位大神们小弟遇到难题了，现在四方形的div是可以拖动了，原来是要在文本框输入坐标div才能动，现在需求改了要拖动div在文本框里显示坐标什么的。这该如何获取呀？是不是还要写个jquery？？咋写呀？？求帮助。
解决方案
解决方案二：
vardivDrag={o:null,init:function(divHeader,DivContent,divDown){divHeader.onmousedown=this.start;DivContent.onmousedown=this.start;divDown.onmousedown=this.start;},start:function(e){varo;divDrag.o=o=document.getElementById("tanchu_warrper");e=divDrag.fixEvent(e);e.preventDefault&&e.preventDefault();if(pageIndex=='8'&&gameDate!=""){o.x=e.clientX-divDrag.o.offsetLeft;o.y=e.clientY-divDrag.o.offsetTop+170;}else{o.x=e.clientX-divDrag.o.offsetLeft+239;o.y=e.clientY-divDrag.o.offsetTop+150;}document.onmousemove=divDrag.move;document.onmouseup=divDrag.end;},move:function(e){stopBubble(e);e=divDrag.fixEvent(e);varoLeft,oTop;//由于移动时候的绝对定位会把框架的top和left也计算进来,所以计算位置时要加上数值if(pageIndex=='8'&&gameDate!=""){oLeft=e.clientX-divDrag.o.x;oTop=e.clientY-divDrag.o.y+170;}else{oLeft=e.clientX-divDrag.o.x+239;oTop=e.clientY-divDrag.o.y+150;}divDrag.o.style.left=oLeft+'px';divDrag.o.style.top=oTop+'px';divleft=oLeft*1;divtop=oTop*1;},end:function(e){e=divDrag.fixEvent(e);divDrag.o=document.onmousemove=document.onmouseup=null;},fixEvent:function(e){if(!e){e=window.event;e.target=e.srcElement;e.layerX=e.offsetX;e.layerY=e.offsetY;}returne;}}
参考以前写的这个方法把
解决方案三：
引用1楼shengguang1587的回复:
vardivDrag={o:null,init:function(divHeader,DivContent,divDown){divHeader.onmousedown=this.start;DivContent.onmousedown=this.start;divDown.onmousedown=this.start;},start:function(e){varo;divDrag.o=o=document.getElementById("tanchu_warrper");e=divDrag.fixEvent(e);e.preventDefault&&e.preventDefault();if(pageIndex=='8'&&gameDate!=""){o.x=e.clientX-divDrag.o.offsetLeft;o.y=e.clientY-divDrag.o.offsetTop+170;}else{o.x=e.clientX-divDrag.o.offsetLeft+239;o.y=e.clientY-divDrag.o.offsetTop+150;}document.onmousemove=divDrag.move;document.onmouseup=divDrag.end;},move:function(e){stopBubble(e);e=divDrag.fixEvent(e);varoLeft,oTop;//由于移动时候的绝对定位会把框架的top和left也计算进来,所以计算位置时要加上数值if(pageIndex=='8'&&gameDate!=""){oLeft=e.clientX-divDrag.o.x;oTop=e.clientY-divDrag.o.y+170;}else{oLeft=e.clientX-divDrag.o.x+239;oTop=e.clientY-divDrag.o.y+150;}divDrag.o.style.left=oLeft+'px';divDrag.o.style.top=oTop+'px';divleft=oLeft*1;divtop=oTop*1;},end:function(e){e=divDrag.fixEvent(e);divDrag.o=document.onmousemove=document.onmouseup=null;},fixEvent:function(e){if(!e){e=window.event;e.target=e.srcElement;e.layerX=e.offsetX;e.layerY=e.offsetY;}returne;}}参考以前写的这个方法把
大神您好，您的这段代码是不是拖动div是不是就可以在文本文眶显示坐标呀？之前我网上找过拖动div代码div是可以拖动了，但是就是不显示坐标。明天我试试看谢谢大神。
解决方案四：
引用2楼cjycsdn的回复:
Quote: 引用1楼shengguang1587的回复:
vardivDrag={o:null,init:function(divHeader,DivContent,divDown){divHeader.onmousedown=this.start;DivContent.onmousedown=this.start;divDown.onmousedown=this.start;},start:function(e){varo;divDrag.o=o=document.getElementById("tanchu_warrper");e=divDrag.fixEvent(e);e.preventDefault&&e.preventDefault();if(pageIndex=='8'&&gameDate!=""){o.x=e.clientX-divDrag.o.offsetLeft;o.y=e.clientY-divDrag.o.offsetTop+170;}else{o.x=e.clientX-divDrag.o.offsetLeft+239;o.y=e.clientY-divDrag.o.offsetTop+150;}document.onmousemove=divDrag.move;document.onmouseup=divDrag.end;},move:function(e){stopBubble(e);e=divDrag.fixEvent(e);varoLeft,oTop;//由于移动时候的绝对定位会把框架的top和left也计算进来,所以计算位置时要加上数值if(pageIndex=='8'&&gameDate!=""){oLeft=e.clientX-divDrag.o.x;oTop=e.clientY-divDrag.o.y+170;}else{oLeft=e.clientX-divDrag.o.x+239;oTop=e.clientY-divDrag.o.y+150;}divDrag.o.style.left=oLeft+'px';divDrag.o.style.top=oTop+'px';divleft=oLeft*1;divtop=oTop*1;},end:function(e){e=divDrag.fixEvent(e);divDrag.o=document.onmousemove=document.onmouseup=null;},fixEvent:function(e){if(!e){e=window.event;e.target=e.srcElement;e.layerX=e.offsetX;e.layerY=e.offsetY;}returne;}}参考以前写的这个方法把
大神您好，您的这段代码是不是拖动div是不是就可以在文本文眶显示坐标呀？之前我网上找过拖动div代码div是可以拖动了，但是就是不显示坐标。明天我试试看谢谢大神。
这个代码是拖动Div根据Div的left和top你就知道坐标的位置了