<!DOCTYPE HTML>
<html>
<head>
<title>javascript drag</title>
<meta charset="utf-8">
</head>
<body>
<div id="drag" style="position: absolute;width: 300px;height: 180px;background: #123456;left: 200px;top: 100px;cursor: move;"></div>
</div>
</body>
<script type="text/javascript">
var obj = document.getElementById(‘drag‘);
obj.onmousedown = function(e) {
e = e || event || window.event;
startX = e.clientX;
startY = e.clientY;
move = true;
document.onmousemove = function(e) {
if (move) {
e = e || event || window.event;
obj.style.left = parseInt(obj.style.left) + (e.clientX - startX) + ‘px‘;
obj.style.top = parseInt(obj.style.top) + (e.clientY - startY) + ‘px‘;
startX = e.clientX;
startY = e.clientY;
}
};
document.onmouseup = function() {
move = false;
}
};
</script>
</html>
时间： 2024-10-06 11:04:33