原生js拖拽
2024-10-01 05:08:07
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function()
{
var oDiv=document.getElementById('div1');
oDiv.onmousedown=function(ev)
{
var oEvent=ev||event;
var x=;
var y=;
x=oEvent.clientX-oDiv.offsetLeft;
y=oEvent.clientY-oDiv.offsetTop;
document.onmousemove=function(ev)
{
var oEvent=ev||event;
var out1=oEvent.clientX-x;
var out2=oEvent.clientY-y; var oWidth=document.documentElement.clientWidth-oDiv.offsetWidth;
var oHeight=document.documentElement.clientHeight-oDiv.offsetHeight; if(out1<)
{out1=;}
else if (out1>oWidth)
{
out1=oWidth;
} if(out2<)
{out2=;}
else if (out2>oHeight)
{
out2=oHeight;
} oDiv.style.left=out1+'px';
oDiv.style.top=out2+'px';
}
document.onmouseup=function()
{
document.onmousemove=null;
document.onmouseup=null;
}
return false;//解决firefox低版本的bug问题
}
}
</script>
</head>
最新文章
- Vertica license导入最佳实践
- CMD魔法堂:CMD进入指定目录
- jquery优化02
- CString, QString, char*之间的转换(包括VC编译开关)
- json_encode如何防止汉字转义成unicode
- 使用wfastcgi在IIS上部署Python Flask应用
- Python基础入门教程
- NHibernate之旅(13):初探马上载入机制
- springcloud(十二):使用Spring Cloud Sleuth和Zipkin进行分布式链路跟踪
- Data Center手册(2): 安全性
- python 判断网络通断同时检测网络的状态
- Apollo配置管理系统使用
- 尚硅谷面试第一季-14Redis持久化类型及其区别
- Hadoop + ZK + HBase 环境搭建
- 【Java】解析Java对XML的操作
- jquery.lazyload 使用
- 编译 link
- java基础50 配置文件类(Properties)
- linux数据盘分区以及格式化
- corethink功能模块探索开发(十五)后台新增按钮
热门文章
- 如何查看OpenCv的源代码
- Oracle的索引适用范围
- js调试--查找dom对象绑定的函数
- Android开发 代替 “(XXXX)findViewById()”
- maven ClassNotFoundException: org.springframework.web.context.ContextLoaderL
- Block 使用注意点
- NOIP2014 uoj20解方程 数论(同余)
- 如何更好地学习dubbo源代码(转)
- java 编码
- 20145205《Java程序设计》第四次实验:Android环境搭建