首页 > 编程 > JavaScript > 正文

javascript实现的元素拖动函数宿主为浏览器

2019-11-20 14:20:22
字体:
来源:转载
供稿:网友
//宿主为浏览器  //将相应的元素对象的引用传到函数中  function candrag(drager) {   drager.onmousedown = function (down) {     var offx = drager.offsetLeft     var offy = drager.offsetTop;     var offxl = down.clientX - offx;     var offyl = down.clientY - offy;     window.condition = 0;//为window添加了condition属性,用于解决和click之间的矛盾      document.onmousemove = function (move) {       drager.style.left = move.clientX - offxl + "px";       drager.style.top = move.clientY - offyl + "px";       drager.style.cursor = "move";       condition = Math.abs(move.clientX - down.clientX) + Math.abs(move.clientY - down.clientY);     }   }   drager.onmouseup = function () {     document.onmousemove = null;     draggerr.style.cursor = "auto";   } } /*对于和click之间的矛盾解决,需要判断condition *例如: candrag(dragger); d01.onclick = function () {   if (!condition) {     d01.style.backgroundColor = "red";   } } *其中,d01为dragger的子元素 */ 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表