2012-11-09 46 views
2

我想從ESC按鈕中刪除停止GIF動畫功能是否有可能?從ESC按鈕中刪除停止GIF動畫功能

請看到這一點:http://jsfiddle.net/f8emy/

按下上傳然後按ESC鍵然後再按上傳,你會發現GIF動畫停止移動。

現在我知道你會問我,爲什麼我禁用SimpleModal內部ESC功能:

escClose: false 

,加上另一個ESC功能:

$(function() { 
    $(document).on('keydown', function(e) { 
     if (e.keyCode === 27) { 
      $.modal.close(); 
     } 
    }); 
}); 

是不是因爲這樣,它會也取消加載頁面,而不是關閉SimpleModal,這樣它也會取消上傳。

我想要的確實是當你點擊上傳simplemodal將出現與GIF,然後如果你按下ESC將關閉simplemodal並取消上傳(停止頁面加載),然後如果你再次按上傳它將是與GIF動畫仍然在simplemodal內部一樣。謝謝

+1

小提琴應該做些什麼?我什麼都沒有。 –

+0

http://jsfiddle.net/f8emy/新jsfiddle,抱歉它沒有包括simplemodal scirpt –

+0

什麼瀏覽器?動畫繼續在Chrome中進行。 –

回答

2

這是大家最喜歡的職業超級英雄:preventDeafult()-man!

// Close SimpleModal & Cancel Page Loading (from uploading) 
$(function() { 
    $(document).on('keydown', function(e) { 
     if (e.keyCode === 27) { 
      e.preventDefault(); //prevent browser from stopping animation 
      $.modal.close(); 
     } 
    }); 
}); 

更新您的jsFiddle

當按下Esc時,Firefox將停止gif動畫; e.preventDefault()會阻止這個動作,並保持派對,呃...... gif動畫,走吧。

+0

這項工作,但現在它不會停止加載頁面取消文件上傳...我需要不取消GIF動畫,但只是頁面加載和SimpleModal –

+1

如果你是依靠用戶有他的鍵綁定到某個動作(如停止頁面加載)我爲你的兒子感到不好。你有99個問題,而用戶是一個。你應該通過ajax進行上傳,如果需要的話放棄請求。 – Chad