首页 > 代码库 > Javascript面向对象拖拽
Javascript面向对象拖拽
function Drag(id){ var _this=this; this.disX=0; this.disY=0; this.oDiv=document.getElementById(id); this.oDiv.onmousedown=function(e) { _this.fnDown(e); }}Drag.prototype.fnDown=function(e){ var _this=this; var e=e||event; this.disX=e.pageX-this.oDiv.offsetLeft; this.disY=e.pageY-this.oDiv.offsetTop; document.onmousemove=function(e) { _this.fnMove(e); } document.onmouseup=function() { _this.fnUp(); }}Drag.prototype.fnMove=function(e){ var e=e||event; this.oDiv.style.left=e.pageX-this.disX+‘px‘; this.oDiv.style.top=e.pageY-this.disY+‘px‘;}Drag.prototype.fnUp=function(){ document.onmousemove=null; document.onmouseup=null;}function Drag2(id){ Drag.call(this,id);}for(var i in Drag.prototype){ Drag2.prototype[i]=Drag.prototype[i];}window.onload=function(){ var a = new Drag(‘div1‘); var b = new Drag2(‘div2‘);}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。