// 元素
<div id="dom"></div>
// 移动
window.onload = function(){
var dom = document.getElementById('dom');
var p = false;
var dx = 0;
var dy = 0;
var sx = 0;
var sy = 0;
dom.onmousedown = function(event){
if (!p) {
p = true;
}
var event = event || window.event;
var scrollLeft = document.documentElement.scrollLeft;
var scrollTop = document.documentElement.scrollTop;
var pageX = event.pageX || event.clientX + scrollLeft;
var pageY = event.pageY || event.clientY + scrollTop;
dx = pageX;
dy = pageY;
sx = dom.offsetLeft;
sy = dom.offsetTop;
}
document.onmousemove = function(event){
if (p) {
var event = event || window.event;
var scrollLeft = document.documentElement.scrollLeft;
var scrollTop = document.documentElement.scrollTop;
var pageX = event.pageX || event.clientX + scrollLeft;
var pageY = event.pageY || event.clientY + scrollTop;
dom.style.left = pageX - (dx - sx) + 'px';
dom.style.top = pageY - (dy - sy) + 'px';
}
}
document.onmouseup = function(){
if (p) {
p = false;
}
}
}
div移动
最新推荐文章于 2023-06-21 14:42:59 发布