JavaScript-拖拽
window.onload = function(){
var box1= document.getElementById("box1"); //获取元素
box1.onmousedown = function(event){
//alert(1);
//求偏移量
var offx= event.clientX- box1.offsetLeft;
var offy= event.clientY -box1.offsetTop;
document.onmousemove= function(e){
e= e ||window.e; //解决兼容性
var x = e.clientX- offx; //计算位置
var y = e.clientY -offy ;
console.log(x);
box1.style.left = x +"px";
box1.style.top = y + "px";
}
document.onmouseup = function(){
document.onmousemove= null;
document.onmouseup= null; //停止该函数? 我用return 0也能停止呀
//alert(1);
};
};
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步