확인 대화 상자에서 확인, 취소 및 닫기 버튼에 따라 다른 코드를 실행 하시겠습니까?

Question

확인 대화 상자에는 ok, cancel and close의 3 가지 버튼이 있습니다. 확인 버튼과 취소 버튼에서 다른 동작을 수행하고 싶지만 대화 상자를 닫을 때는 아무 것도하지 않습니다. 어떻게하면 자바 스크립트를 사용하여 이것을 달성 할 수 있습니까?

Answer 1

불가능하지만 대신 JQuery-Ui 대화 상자를 사용할 수 있습니다.

이 예

은 '취소'를 '확인'과의 모달 가까운 액션, 작업 만 무시 : 당신은 또한 필요

$("#dialog-confirm").dialog({ 
     modal: true, 
     buttons: { 
     "Ok": function() { // On Ok click 
      $(this).dialog("close"); 
     }, 
     "Cancel": function() { // On Cancel click 
      $(this).dialog("close"); 
     } 
     } 
}); 

Answer 2

당신이 jquery.ui 대화

을 통해 수행 할 수 jquery-ui.min.js

ConfirmDialog('confirm dialog'); 

function ConfirmDialog(message){ 
$('<div></div>').appendTo('body') 
     .html('<div><h6>'+message+'?</h6></div>') 
     .dialog({ 
      modal: true, 
      title: 'cancel click message', 
      zIndex: 10000, 
      autoOpen: true width: 'auto', 
      resizable: false, 
      buttons: { 
         Yes: function() { 
          $('body').append('<h1>Confirm Dialog Result: <i>Yes</i></h1>'); 
          $(this).dialog("close"); 
         }, 
         No: function() {                
          $('body').append('<h1>Confirm Dialog Result: <i>No</i></h1>');        
          $(this).dialog("close"); 
         } 
        }, 
        close: function (event, ui) {              
         alert('close'); 
         $(this).remove(); 
        } 
       }); 
};