博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
纯js拖拽参考
阅读量:6329 次
发布时间:2019-06-22

本文共 933 字,大约阅读时间需要 3 分钟。

function myDrag(obj){    obj.onmousedown=function(e){        var e=e||window.event;        var diffX=e.clientX-this.offsetLeft;        var diffY=e.clientY-this.offsetTop;        document.onmousemove=function(e){            var e=e||window.event;            var left=e.clientX-diffX;            var top=e.clientY-diffY;            var leftMax=document.documentElement.clientWidth-obj.offsetWidth;            var topMax=document.documentElement.clientHeight-obj.offsetHeight;            if(left<0){                left=0;            }else if(left>leftMax){                left=leftMax;            }            if(top<-20){                 top=-20;            }else if(top>topMax){                top=topMax;            }            obj.style.left=left+"px";            obj.style.top=top+"px";        }        document.onmouseup=function(){        document.onmousemove=null;        }    }}

 

转载于:https://www.cnblogs.com/HKUI/p/jsdrag.html

你可能感兴趣的文章
(volatile int)(x)与*(volatile int *)(&x)
查看>>
c++版a+b问题的各种无聊做法
查看>>
1.Maven之(一)Maven是什么
查看>>
poj 2406 Power Strings
查看>>
数据库安全措施的改进依据------未实践
查看>>
洛谷P4501/loj#2529 [ZJOI2018]胖(ST表+二分)
查看>>
关于Input内容改变的触发事件
查看>>
【干货】.NET WebApi HttpMessageHandler管道
查看>>
python 函数的嵌套 和 作用域链
查看>>
在ASP中运行SQL SERVER 存储过程
查看>>
lottie
查看>>
Orace内置函数大全[转:http://www.cnblogs.com/lfx0692/articles/2395950.html]
查看>>
[学习笔记]Segment Tree Beats!九老师线段树
查看>>
[WC2013]平面图——平面图点定位
查看>>
CS1.6 for win7 win10
查看>>
springboot集成freemarker 配置application.properties详解
查看>>
import,reload,__import__在python中的区别
查看>>
在Eclipse中显示行号
查看>>
docker
查看>>
HDU 4292 Food
查看>>