2012-11-09 3 views
2

ESC 버튼에서 GIF 애니메이션 정지 기능을 제거하고 싶습니까? 다시 업로드 http://jsfiddle.net/f8emy/ESC 버튼에서 정지 GIF 애니메이션 기능 제거

을 눌러 업로드 한 후 다음 번 ESC를 공격 키를 누릅니다 당신은 GIF 애니메이션 정지 이동을 알 수 있습니다 :

이를 참조하십시오.

지금 난 당신이 내가 SimpleModal 내부 ESC 기능을 사용하지 않은 이유를 물어거야 알고

escClose: false 

을 다른 ESC 기능 추가 : 그것은

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

입니다 이런 식으로 것 때문에 또한 SimpleModal을 닫는 대신로드하는 페이지를 취소하여 업로드를 취소 할 수도 있습니다.

정확히 내가 원하는 것은 GIF와 함께 simplemodal이 나타날 것입니다. 그리고 나서 ESC를 누르면 simplemodal을 닫고 uplaod (로딩에서 페이지 정지)를 취소 한 다음 업로드를 다시 누르면됩니다. GIF 애니메이션은 여전히 ​​단순 모드에서 계속 재생됩니다. 감사합니다

+1

피들 수수는 무엇인가해야합니까? 나는 아무것도 없어. –

+0

http://jsfiddle.net/f8emy/ 새로운 jsfiddle, 미안하지만 단순한 scirpt schere를 포함하지 않았습니다. –

+0

어떤 브라우저입니까? 애니메이션은 Chrome에서 계속 유지됩니다. –

답변

2

이것은 모든 사람들이 좋아하는 슈퍼 영웅을위한 직업입니다 : preventDeafult() - 사람!

// 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 개의 문제가 있으며 사용자는 하나입니다. 당신은 아약스를 통해 업로드를해야하고, 필요하다면 요청을 중단해야합니다. – Chad