Qual è il modo più discreto per implementare una finestra di dialogo personalizzata "pre-caricamento"?

Question

Sto parlando di una finestra di dialogo stile, invece della finestra di dialogo predefinita 'beforeunload' che non può essere disegnata.

See Facebook:

Qual è il modo più discreto per fare questo? Preferibile uno script che dichiaro una volta e che funziona sempre magicamente.

Sono pensare a qualcosa nella linea di:

function showCustomDialog() 
{ 
    [...] 
} 

var unfinished = true; 

$('a').click(function() 
{ 
    if (unfinished) 
    { 
     window.showCustomDialog({ originalUrl: $(this).attr('href') }); 
     return false; 
    } 
} 

Ma io sono affraid questo si romperà i casi in cui cioè un elemento <a> è usato per innescare JS-comportamento, o dove JavaScript attiva una finestra .location.href change.

C'è un modo migliore, non invadente?

Nota aggiuntiva - Hanno anche funzionato per il pulsante Indietro.

Nota aggiuntiva - Apparentemente tornano alla finestra di dialogo predefinita quando è fuori dal loro controllo.

Answer 1

Credo che il problema principale è che non è possibile prevedere tutti i cambiamenti nel DOM, in modo da poter appena facilmente aggiornare ogni MouseMove-evento (touch-evento per gli smartphone, ecc ..) in questo modo:

$(document).off('mousemove').mousemove(function(){ 
     $('a').off('click').click(function(e){ 
      e.preventDefault(); 

      //your dialog goes here 

     }); 
});