mailto link (in chrome) sta attivando window.onbeforeunload - posso impedirlo?

Question

Eventualmente correlato a How to open mailto link in Chrome with Window.open without creating a new tab?

Ciao a tutti. Ho una pagina modulo in cui ho messo una conferma window.onbeforeunload, per impedire alla gente la navigazione via e perdendo i loro cambiamenti per caso:

window.onbeforeunload = function(){ 
    if(changed) 
    return "You have unsaved changes. Do you really want to leave this page without saving?"; 
}; 

dove changed è una variabile ho impostato a true ogni volta che l'utente effettua tutte le modifiche . Va tutto bene. Tuttavia, ho anche aggiunto alcuni link mailto alla pagina, in questo modo:

<a class="button button-alt" href="mailto:foo@foo.com">Report a problem</a> 

Anche se il mailto non è di uscire dalla pagina (è aprire l'applicazione di posta degli utenti di default), è ancora innescare il evento onbeforeunload, che richiede la casella di conferma, che è fastidioso. Posso aggirarlo impostando target="_blank" sul link, ma poi l'utente rimane in una scheda vuota.

Posso impostare il collegamento mailto per non attivare l'evento onbeforeunload? Ho pensato ad un modo orribilmente hacky di farlo con un'altra variabile javascript temporanea che non conferma la conferma di onbeforeunload, ma sembra piuttosto sporca. Lo farò comunque mentre aspetto una risposta ma qualcuno ha una soluzione migliore?

grazie, max

Answer 1

Immobile fuori della soluzione di epascarello, il seguente codice jQuery dovrebbe fare il trucco:

var ignore_onbeforeunload = false; 
    $('a[href^=mailto]').on('click',function(){ 
     ignore_onbeforeunload = true; 
    }); 

    window.onbeforeunload = function() { 
     if (!ignore_onbeforeunload){ 
      return "Halt! you are not supposed to leave!"; 
     } 
     ignore_onbeforeunload = false; 
    }; 

Answer 2

Aggiungi una bandiera e vedere se è capovolto, impostato il flag sul link click.

var ignore = false 
window.onbeforeunload = function() { 
    if (changed && !ignore) { 
     return "You have unsaved changes. Do you really want to leave this page without saving?"; 
    } else { 
     ignore = false; 
    } 
} 

E il link

<a class="button button-alt" href="mailto:foo@foo.com" onclick="ignore=true">Report a problem</a> 

Sarebbe meglio aggiungere l'onclick con codice JavaScript.

Answer 3

Un'altra opzione, anche un po 'hacky ma il modo un po' più generico per rendere la beforeunload ignorare certi tipi di collegamenti:

Nel beforeunload, ispezionare il legame che ha causato l'beforeunload, e se non è un http o https link, non infastidire l'utente.

Sfortunatamente non è facile ispezionare il collegamento che ha causato il beforeunload, quindi è qui che diventa un po 'hacky con un gestore onclick e una variabile globale.

var lastClicked = null; 
window.onclick = function(e){ 
    e = e || window.event; 
    lastClicked = e.target 
} 
window.onbeforeunload = function(e){ 
    if (changed && lastClicked && lastClicked.href 
     && lastClicked.href.substring(0,4) == 'http') 
     return "You have unsaved changes"; 
} 

Edit: Quasi dimenticavo, questa risposta viene da qui: https://stackoverflow.com/a/12065766/421243

Answer 4

Un davvero semplice correzione di questo è quello di fare qualcosa di simile:

<a href="mailto:foo@bar.com" target="hidden-iframe">Email me</a> 
<iframe name="hidden-iframe" style="visibility:hidden;position:absolute;"></iframe> 

(E, naturalmente, spostare t ha uno stile al proprio foglio di stile invece di inserirli.)