一直用到div的拖拽，从未自己实现过，今天看了一下，简单写一下，还是可以用的，主要分享给那些和我一样js薄弱的哥们，希望可以帮到你们！！！<div></div>
<br><script><br />
function sDrag(id) {<br />
var id = id || 'sara';<br />
var m = document.getElementById(id);<br />
var flag = false;<br />
var sX = sY = 0;<br />
m.onmousedown = function(e) {<br />
if (e.button == 0) {<br />
flag = true;<br />
}<br />
sX = e.clientX - m.offsetLeft;<br />
sY = e.clientY - m.offsetTop;<br />
return false<br />
};<br />
document.onmousemove = function(e) {<br />
if (flag == true) {<br />
var x = e.clientX - sX;<br />
var y = e.clientY - sY;<br />
m.style.marginLeft = m.style.marginTop = 0;<br />
m.style.left = x + 'px';<br />
m.style.top = y + 'px';<br />
}<br />
return false;<br />
};<br />
document.onmouseup = function() {<br />
flag = false;<br />
return false;<br />
};<br />
}<br />
$(function() {<br />
sDrag('sara_org');<br />
})<br />
</script>
AD：真正免费，域名+虚机+企业邮箱=0元
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
C++高性能并发应用_C++如何开发性能关键应用
Java AI集成Deep Java Library_Java怎么集成AI模型部署
Golang后端API开发_Golang如何高效开发后端和API
Python异步并发改进_Python异步编程有哪些新改进
C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全
Java GraalVM原生镜像构建_Java怎么用GraalVM构建高效原生镜像
Python FastAPI异步API开发_Python怎么用FastAPI构建异步API
C++现代C++20/23/26特性_现代C++有哪些新标准特性如modules和coroutines
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
11059
收藏
