Sweetalert: 달콤한 경고가 팝업되면 탭이 양식에서 작동하지 않습니다.

같은 생각이 나에게도 일어납니다.

네, 저에게도 일어납니다. 또한 Enter 키를 눌러 팝업을 닫으면 페이지에서 포커스가 제거되고 클릭하지 않고는 페이지에 다시 포커스를 둘 수 없습니다.

doneFunction에서 창 이벤트를 제거하면 이 문제가 해결됩니다.

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
}, function(){

  // remove these events;
  window.onkeydown = null;
  window.onfocus = null;

  swal("Deleted!", "Your imaginary file has been deleted.", "success");
});

@fxghqc 콜백에서 이벤트 핸들러를 제거하면 저에게 효과적입니다. 이 버그를 방지하기 위해 이것을 메인 코드에 포함할 수 있습니까?

+1

언제 수정되나요?

+1

내가 작업할 수 있는 이 버그의 포크가 있습니까? @xiaouze88 의 커밋을 어떻게 사용하는지 잘 모르겠습니다.
이 버그와 관련하여 성가신 문제도 있습니다.

이 버그는 여전히 존재합니다. sweetalert 메인 데모 페이지에서도 볼 수 있습니다... http://t4t5.github.io/sweetalert/

AJAX 예제의 Try Me 버튼을 클릭하기만 하면 탭이 더 이상 작동하지 않는다는 것을 알 수 있습니다. 디버거에서 window.onfocus가 null로 복원되지 않는 것을 볼 수 있습니다. 수동으로 설정하면 탭을 다시 사용할 수 있습니다. 그러나 swal()에 전달된 콜백 함수에서 null로 설정하면 작동하지 않습니다. 나는 그것을 null로 설정했지만 Sweetalert 내부의 다른 무언가가 전체 프로세스가 끝나기 전에 다시 설정하고 있습니다. 몇 초 후에 디버거에 침입하면 이를 확인합니다.

고쳐주세요!

이 행동도 확인할 수 있습니다. 간헐적이야, 최고의 버그 유형...
대화 상자가 닫힌 후에도 window.onkeydown 이벤트가 함수에 바인딩되는 것을 보고 있습니다. 대화 상자가 트리거되기 전일 수도 있습니다.

저도 똑같은 문제를 겪고 있습니다. SweetAlert 팝업이 닫히면 tabindex 설정된 경우에도 페이지 양식의 탭이 작동을 멈춥니다.

나는 이것을 수정하여 내일 PR을 할 것이다.
2017년 1월 3일 화요일 21:15 Neel [email protected]에서 다음과 같이 썼습니다.

저도 똑같은 문제를 겪고 있습니다. SweetAlert 팝업 시
가 닫히면 tabindex가 설정된 경우에도 페이지 양식의 탭이 작동을 멈춥니다.

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/t4t5/sweetalert/issues/391#issuecomment-270197639 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AHWwZbRIQD1HLSs4WpN87HRyeBlvGgcuks5rOp43gaJpZM4FNSiU
.

정말 대단합니다 @EduardJS 감사합니다.

지금은 다른 스레드에서 @JustinWinthers 의 솔루션을 사용하고 있습니다.

(function (){

    var _swal = window.swal;

    window.swal = function(){

        var previousWindowKeyDown = window.onkeydown;

        _swal.apply(this, Array.prototype.slice.call(arguments, 0));

        window.onkeydown = previousWindowKeyDown;

    };

})();

참조 :

@익명씨
업데이트

var _swalclose=window.swal.close;
var _swal = window.swal;
window.swal = 함수(){
var previousWindowKeyDown = window.onkeydown;
_swal.apply(이, Array.prototype.slice.call(인수, 0));
window.onkeydown = 이전창키다운;
};
window.swal.close=함수(){
_swalclose.apply(이);
};

우와! 방금 이 스레드를 찾았습니다. 탭이 작동하는 이유를 궁금해하다가 며칠을 보냈습니다. 이제 나는 때때로 sweetaler를 사용한다는 것을 깨닫고 그것이 중단된 이유입니다!

여전히 이 문제를 해결하기 위해 노력하고 있는 사람이 있으며 현재로서는 이를 처리할 수 있는 최선의 솔루션이 무엇입니까?

편집: 방금 위의 sweetalert2 메시지를 보았습니다. 다른 버전이 있는지 몰랐기 때문에 시도해 보겠습니다. 하지만 마이그레이션하려면 해야 할 일이 꽤 많습니다!

@elasticsteve 이 저장소의 다른 스레드에 주의를 기울이면 이 스레드가 더 이상 유지되지 않는다는 것을 알 수 있습니다.

실제로 앱을 이식해야 하는 SweetAlert2 라는 또 다른 저장소가 있습니다.

그래도 이 버전을 계속 사용하려면 이 솔루션이 유일한 솔루션입니다. 홍보하는 걸 깜빡했네요.. 시간이 부족했어요. @edwin1217 의 솔루션은 함께 가야 하는 솔루션입니다.

@edwin1217 의 솔루션은

감사합니다. SweetAlert2로 이식하려고 했지만 포기해야 했습니다. closeOnConfirm: false 작업으로 간단한 텍스트 입력을 할 수 없습니다. 3시간을 허비한 후에 다시 되돌아가서 위의 제안을 시도할 것입니다.

@kosst 예, @edwin1217 의

다시 한 번 나에게 가장 잘 맞는 것은 다음과 같습니다.

(function (){
    var close = window.swal.close;
    window.swal.close = function() {
        close();
        window.onkeydown = null;
    };
})();

}

정말 오랜만이라는 걸 알지만 다른 함수에서 이 함수를 전체적으로 호출할 수 있는 방법을 친절하게 설명해 주시겠습니까? 컨트롤러에서 이 스니펫을 어디에 배치해야 합니까?

function(isConfirm){  //Function that triggers on user action.
        if(isConfirm){
          $scope.myData.splice(index,1);
          SweetAlert.swal("Deleted!");
        } else {
            SweetAlert.swal("Your file is safe!");
        }

변화 -
closeOnConfirm: 거짓
에게 -
closeOnConfirm: 사실

그게 다야 ... 그것은 나를 위해 일했습니다