拖动模态框主要用到3个鼠标事件：mousedown按下；mousemove移动；mouseup弹起；
按下鼠标，获得鼠标在盒子内的坐标：
// 按下鼠标，获得盒子内坐标
title.addEventListener('mousedown',function(e) { //e事件对象，事件发生时的数据，储存在其中
var x = e.pageX - login.offsetLeft;
var y = e.pageY - login.offsetTop;模态框的移动坐标：移动事件的坐标(鼠标的坐标) - 鼠标在盒子内的坐标
document.addEventListener('mousemove',move)
function move(e) {
login.style.left = e.pageX - x + 'px'; //移动事件的坐标 - 盒子内的坐标 = login框的移动坐标
login.style.top = e.pageY - y + 'px';
}所有代码如下：
<body>
<div class="login-header"><a href="javascript:;" id="link">点击弹出登录框</a></d
最低0.47元/天 解锁文章
603
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
