JavaScript拖拽封装
来源:互联网 发布:2017天猫数据直播 编辑:程序博客网 时间:2024/05/22 03:08
function drag(aDiv){
aDiv.onmousedown=function(ev){
var oldX=ev.clientX-aDiv.offsetLeft;
var oldY=ev.clientY-aDiv.offsetTop;
document.onmousemove=function(ev){
var l=ev.clientX-oldX;
var t=ev.clientY-oldY;
//磁性吸附判断
if(l<100){
l=0;
}else if(l>=document.documentElement.clientWidth-aDiv.offsetWidth-100){
l=document.documentElement.clientWidth-aDiv.offsetWidth; }
if(t<100){
t=0;
}else if(t>=document.documentElement.clientHeight-aDiv.offsetHeight-100){
t=document.documentElement.clientHeight-aDiv.offsetHeight; }
aDiv.style.left=l+'px';
aDiv.style.top=t+'px'; };
document.onmouseup=function(ev){
document.onmousemove=null; };
return false;
};
} //封装完成
window.onload=function(){
aDiv=document.getElementByTagName=(‘div’);
for(var i=0;i<aDiv.length;i++){
drag(aDiv[i]);}
};
- JavaScript拖拽封装
- JavaScript之拖拽功能、封装
- javascript 封装
- javascript封装
- JavaScript 封装
- JavaScript封装
- javascript 封装
- JavaScript封装
- JavaScript封装的HashMap
- 国内外 JavaScript 经典封装
- 国内外 JavaScript 经典封装
- JavaScript封装对象
- JavaScript中的封装
- javascript脚本封装
- JavaScript基本函数封装
- javascript 封装 类
- Javascript 封装StringBuilder
- Javascript 分页 完美封装
- C语言的隐式声明
- 说说单片机里的时钟源
- 关于 IDLE 上发生 UnicodeDecodeError 问题的解决办法
- 二、webpack的基本配置(2)
- “无法将虚拟机更改为选定的监视器布局”解决方法
- JavaScript拖拽封装
- 内存变量布局
- mysql C++ wrapper
- LeetCode #7 Reverse Integer
- mysql的c++封装类
- 循环链表
- Hive2.1.1安装
- 百度杯 二月场web-include By Assassin [文件包含漏洞]
- Mac下安装openCV