drag2.js

来自「模态弹窗 模态弹窗 模态弹窗」· JavaScript 代码 · 共 28 行

JS
28
字号
var bIsCatchTitleBar = false;
var offsetX = 0;
var offsetY = 0;
var nowX = 0;
var nowY = 0;

function catchTitleBar(e){
bIsCatchTitleBar = true;
offsetx=event.clientX;
offsety=event.clientY;
nowX=parseInt(popupContainer.style.left);
nowY=parseInt(popupContainer.style.top);
popupContainer.setCapture();
document.onmousemove = moveTitleBar;
}
function releaseTitleBar(e){
bIsCatchTitleBar = false;
popupContainer.releaseCapture();
document.onmousemove = null;
}
function moveTitleBar(e){
if(bIsCatchTitleBar){
popupContainer.style.left=nowX+event.clientX-offsetx; 
popupContainer.style.top=nowY+event.clientY-offsety;
}
}

document.onmouseup = releaseTitleBar;

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?