js拖拽的问题

2011-09-04 08:17:55 119 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

js拖拽遇到的问题，待解决以下拖拽代码，遇到一个问题，点击拖拽狗狗后，鼠标松开，继续移动鼠标，狗狗仍是被拖拽状态，得再次点击鼠标，释放拖拽事件。我百思不得其解，猜测是不是document.onmouseup没有准确的检测鼠标的释放，诶，不知道window.onload = function() { drag(); }function drag() { var oDog = document.getElem 阅读详情

小弟今天在做一个拖拽功能，网上查查找找了以后把大概写了出来，但拖动的时候有一个问题，mousedown，然后在拖拽的时候虽然能拖拽，但是如果页面有其他内容的话会选取其它的内容，就好像是在桌面有几个图标，左键拖动选取所有那种效果，非常别扭，所想请教一下如何去掉这个bug？

<script>

var item;

function dragac(ev){

    ev  = ev || window.event;

    var crtxy = dragxy(ev);

            if(item!=null){

            item.style.top=crtxy.y+'px';

            item.style.left=crtxy.x+'px';

            }

}



function dragxy(ev){

    if(ev.pageX || ev.pageY){

        return {x:ev.pageX, y:ev.pageY};

    }

    return {

        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,

        y:ev.clientY + document.body.scrollTop  - document.body.clientTop

    };

}

document.onmousemove = dragac;

</script>

<h2>asdfasd</h2><h2>asdfasd</h2><h2>asdfasd</h2><h2>asdfasd</h2>





<div id="aaa" onmousedown="item=this" style="position:absolute" onmouseup="item=null">sadfasd</div>



<h2>asdfasd</h2><h2>asdfasd</h2><h2>asdfasd</h2>

...全文

双足肌肉骨骼机器人 Clone Alpha的技术突破标志着人类进入生物-机械融合的新纪元，但其影响远超技术范畴。从伦理框架重建（如拉马克进化算法中的知识传递机制）到经济模式革新（如UBI应对机器人失业潮），需全球协作制定前瞻性政策。若放任技术无序扩张，人类社会或将面临“能力断层”与“控制权丧失”的双重危机；反之，若以人类福祉为核心导向，仿生机器人亦可成为弥合残障歧视、提升整体文明层级的钥匙。当下选择，将决定人类究竟是技术的创造者，还是被重构的客体。阅读详情

奇乐二二二

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

kyzy_yy_pm 2011-09-06

打赏
举报

[Quote=引用 7 楼 dxx1988 的回复:]

CSS设置： -moz-user-select:none;
-webkit-user-select:none;

IE下添加事件：xxx.onselect = function(){return false;}
[/Quote]+

Exodia 2011-09-06

打赏
举报

CSS设置： -moz-user-select:none;
-webkit-user-select:none;

IE下添加事件：xxx.onselect = function(){return false;}

奇乐二二二 2011-09-06

打赏
举报

顶上去。

dcyydc 2011-09-05

打赏
举报

学习~~

奇乐二二二 2011-09-05

打赏
举报

顶一下

bruce_vs 2011-09-04

打赏
举报

我是来学习的0.0

abcd_ufo 2011-09-04

打赏
举报





<h2>asdfasd</h2><h2>asdfasd</h2><h2>asdfasd</h2><h2>asdfasd</h2>





<div id="aaa"  style="position:absolute" >sadfasd</div>



<h2>asdfasd</h2><h2>asdfasd</h2><h2>asdfasd</h2>



 <script>





	/**

	 * 拖拽 效果

	 */

	Endrag={

	    x0:0,y0:0,x1:0,y1:0,moveable:false,index:100,NS:(navigator.appName=='Netscape'),offSets:{x:0,y:0},

	    //开始拖动;  

	    startDrag:function (e){

	        e = e ? e : (window.event ? window.event : null);

	        Endrag.getFocus(this); 

	        if(e.button==(Endrag.NS)?0 :1)  {

	            if(!Endrag.NS){this.setCapture()}

	            Endrag.x0 = e.clientX ;  

	            Endrag.y0 = e.clientY ;  

	            Endrag.x1 = parseInt(Endrag.abs(this).x);  

	            Endrag.y1 = parseInt(Endrag.abs(this).y);    

	            Endrag.moveable = true;

	        }

	    }, 

	    //拖动;  

	    drag:function (e){

	        e = e ? e : (window.event ? window.event : null);  

	        if(Endrag.moveable){

	        	var tempX=(Endrag.x1 + e.clientX - Endrag.x0 - Endrag.offSets.x);

	        	var tempY=(Endrag.y1 + e.clientY - Endrag.y0 - Endrag.offSets.y);

	        	if(tempX>0)

	        		this.style.left = tempX + "px";

	        	else

	        		this.style.left="0px";

	        	if(tempY>0)

	        		this.style.top  = tempY + "px";	        	

	        	else

	        		this.style.top="0px";

	        }  

	    },  

	    //停止拖动;  

	    stopDrag:function (e){  

	        if(Endrag.moveable)  {    

	            if(!Endrag.NS){this.releaseCapture();}

	            Endrag.moveable = false;  

	        }  

	    },

	    //获得焦点;  

	    getFocus:function (obj){  

	        if(obj.style.zIndex!=this.index){  

	            this.index += 2;  

	            var idx = this.index;  

	            obj.style.zIndex=idx;  

	        }  

	    },

	    abs:function (element) {

	        var result = { x: element.offsetLeft, y: element.offsetTop};

	        element = element.offsetParent;

	        while (element) {

	            result.x += element.offsetLeft;

	            result.y += element.offsetTop;

	            element = element.offsetParent;

	        }

	        return result;

	    }, 

	    offSet:function(setting){

	        this.offSets=setting;

	    },

	    bind:function(obj){

		alert(obj);

	        obj=typeof(obj)=="object" ? obj:document.getElementById(obj);

	        obj.onmousedown=Endrag.startDrag;

	        obj.onmouseup=Endrag.stopDrag;

	        obj.onmousemove=Endrag.drag;

	        return this;

	    }

	}



 Endrag.bind(document.getElementById("aaa"));

</script>

你那块onmousedown的时候位置算错了

iComputerLion 2011-09-04

打赏
举报

顶一下

js拖拽的问题

相关推荐