                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /用JavaScript實現圖片剪切效果

老師我有一個問題，明明寫的一模一樣，但是發現一個bug，如果鼠標按下后時間較長不松開進行拖動，再松開鼠標發現還是可以拖動，這是怎么回事啊？

window.onload?=?function?()?{
????var?rightId?=?document.getElementById("right1");?//獲取右邊界id
????var?mainId?=?document.getElementById("main");?//獲取整個區域的id
????var?ifKeyDown?=?false;
????//鼠標按下事件
????rightId.onmousedown?=?function(){
????????ifKeyDown?=?true;
????}
????rightId.onmouseup?=?function(){
????????ifKeyDown?=?false;
????}
//鼠標點擊右坐標點后?不松開情況下跟隨鼠標移動?故使用window事件
????window.onmousemove?=?function?(e)?{
????????if?(ifKeyDown?==?true){
????????????var?x?=?e.clientX;?//鼠標x坐標
????????????var?addWidth?=?"";???//鼠標增加的寬度
????????????var?widthBefore?=?mainId.offsetWidth?-?2;???//選取框變化前的id
????????????addWidth?=?x?-?widthBefore?-?getPosition(mainId).left;
????????????mainId.style.width?=?addWidth?+?widthBefore?+?"px";??????//選取框變化后的寬度
????????}
????}
}


//獲取元素相對于屏幕左邊的距離，使用offsetLeft
function?getPosition(node){
????var?left?=?node.offsetLeft;
????var?top?=?node.offsetTop;
????var?parent?=?node.offsetParent;
????while?(parent?!=?null){
????????left?+=?parent.offsetLeft;
????????top?+=?parent.offsetTop;
????????parent?=?parent.offsetParent;
????}
????return?{"left":left,"top":top};
}