第一種可用判斷：

//?封裝的鼠標(biāo)移動(dòng)面板跟著移動(dòng)的方法
function?fnMove(e,?posX,?posY)?{
var?oDrag?=?document.getElementById('loginPanel'),
//?光標(biāo)的X/Y值減去光標(biāo)距離面板的X/Y值?就是移動(dòng)后面板所處的位置
l?=?e.clientX?-?posX,
t?=?e.clientY?-?posY,
//?可見區(qū)域?qū)挾?winW?=?document.documentElement.clientWidth?||?document.body.clientWidth,
//?可見區(qū)域高度
winH?=?document.documentElement.clientHeight?||?document.body.clientHeight,
//?最大寬度限制
maxW?=?winW?-?oDrag.offsetWidth-10,?//?offsetWidth對象的可見寬度
//?最大高度限制
maxH?=?winH?-?oDrag.offsetHeight;?//?offsetHeight對象的可見高度

//?對left寬度的判斷
if?(l<0)?{
l=0;
}?else?if(l>maxW){
l=maxW;
}

//?對top高度的判斷
if(t<0){
t=10;
}else?if(t>maxH){
t=maxH;
}
//?改變面板的x和y值
oDrag.style.left?=?l?+?'px';
oDrag.style.top?=?t?+?'px';
}

第二種不可用：

//?封裝的鼠標(biāo)移動(dòng)面板跟著移動(dòng)的方法
function?fnMove(e,?posX,?posY)?{
var?oDrag?=?document.getElementById('loginPanel'),
//?光標(biāo)的X/Y值減去光標(biāo)距離面板的X/Y值?就是移動(dòng)后面板所處的位置
l?=?e.clientX?-?posX,
t?=?e.clientY?-?posY,
//?可見區(qū)域?qū)挾?winW?=?document.documentElement.clientWidth?||?document.body.clientWidth,
//?可見區(qū)域高度
winH?=?document.documentElement.clientHeight?||?document.body.clientHeight,
//?最大寬度限制
maxW?=?winW?-?oDrag.offsetWidth-10,?//?offsetWidth對象的可見寬度
//?最大高度限制
maxH?=?winH?-?oDrag.offsetHeight-10;?//?offsetHeight對象的可見高度

//?對left寬度的判斷
if?(l<0)?{
l=0;
}?else?if(l>maxW){
l=maxW;
}

//?對top高度的判斷
if(t<0){
t=0;
}else?if(t>maxH){
t=maxH;
}
//?改變面板的x和y值
oDrag.style.left?=?l?+?'px';
oDrag.style.top?=?t?+?'px';
}