前言

成都創(chuàng)新互聯公司服務項目包括沅江網站建設、沅江網站制作、沅江網頁制作以及沅江網絡營銷策劃等。多年來，我們專注于互聯網行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案，沅江網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到沅江省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

當實現類似Excel選中區(qū)域的功能時，經常出現 mouseup 事件丟失的情況，由于缺少了 mouseup 事件，導致一個完整的操作無法進行。

如果你是想進行拖拽移動操作，也可以參考本文。

原因

目前發(fā)現兩個原因：

• 觸發(fā)了瀏覽器的 drag 操作，導致mouseup丟失。
• 由于鼠標離開了操作的區(qū)域，觸發(fā)了mouseleave導致mouseup丟失。
  

解決辦法

第一種情況

通過執(zhí)行下面的代碼阻止系統(tǒng)默認的操作來防止觸發(fā) drag 操作：

//在事件中
e=e || window.event;
pauseEvent(e);

//阻止事件冒泡
//不僅僅要stopPropagation，還要preventDefault
function pauseEvent(e){
 if(e.stopPropagation) e.stopPropagation();
 if(e.preventDefault) e.preventDefault();
 e.cancelBubble=true;
 e.returnValue=false;
 return false;
}

另外有需要云服務器可以了解下創(chuàng)新互聯建站www.cdcxhl.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網頁題目：JS中mouseup事件丟失的原因與解決辦法-創(chuàng)新互聯
標題網址：http://weahome.cn/article/dceope.html