mailto link (w chrome) uruchamia window.onbeforeunload - czy mogę temu zapobiec?

Question

Prawdopodobnie powiązany z How to open mailto link in Chrome with Window.open without creating a new tab?

Witam wszystkich. Mam stronę formularza gdzie Umieściłem potwierdzić window.onbeforeunload, aby powstrzymać ludzi poruszania się i utraty ich zmiany przez przypadek:

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

gdzie changed jest zmienna i ustawiona na wartość true, gdy użytkownik wprowadzi żadnych zmian . Wszystko w porządku. Jednak Dodałem także kilka linków mailto na stronie, tak jak poniżej:

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

Choć mailto nie przechodząc od strony (to otwarcie domyślnego użytkownicy aplikacji poczty), to wciąż wyzwalania Zdarzenie onbeforeunload, monitujące o potwierdzenie, co jest denerwujące. Mogę obejść to ustawienie target="_blank" na łączu, ale wtedy użytkownik pozostaje w pustej zakładce.

Czy mogę ustawić link mailto, aby nie powodował zdarzenia onbeforeunload? Pomyślałem o strasznie hackowatym sposobie robienia tego przez posiadanie kolejnej tymczasowej zmiennej javascript, która powoduje, że onbeforeunload nie daje potwierdzenia, ale wydaje się trochę brudna. Zrobię to mimo, że czekam na odpowiedź, ale czy ktoś ma lepsze rozwiązanie?

Dzięki, max

Answer 1

budynku off roztworu epascarello w następujący kod jQuery powinno załatwić sprawę:

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

Dodaj flagę i sprawdzić, czy jest on przerzucony ustaw flagę na link kliknięcia.

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; 
    } 
} 

a link

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

Byłoby lepiej, aby dodać onclick z kodem JavaScript.

Answer 3

Inną opcją, również nieco hacky, ale nieco bardziej ogólny sposób, aby beforeunload ignorować pewne rodzaje łączy:

W beforeunload, sprawdź link, który spowodował beforeunload, a jeśli nie jest to http lub https link, nie zawracaj sobie głowy użytkownikiem.

Niestety, nie jest łatwo sprawdzić link, który spowodował wcześniejszy załadunek, więc jest to miejsce, w którym robi się trochę hacky z handler'em onclick i zmienną globalną.

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: Prawie zapomniałem, odpowiedź ta pochodzi stąd: https://stackoverflow.com/a/12065766/421243

Answer 4

bardzo prosty poprawkę do to zrobić coś takiego:

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

(I oczywiście, przenieś t on style do własnego arkusza stylów zamiast do ich wstawiania.)