Comment puis-je prévenir la fenêtre.onbeforeunload d'être déclenchée par javascript: href liens dans IE?

Je suis en train de construire un fail safe pour mon formulaire qui va avertir les utilisateurs que s'ils quittent la page de leur forme, les données seront perdues (similaire à ce que gmail n').

window.onbeforeunload = function () {    
        if (formIsDirty) {
            return "You have unsaved data on this form. Don't leave!";
        }
}

La fonction ci-dessus fonctionne très bien sous firefox, mais sous IE il est déclenché par tout href lien, même ceux qui sont des liens vers javascript et pas d'autres pages.

par exemple....

<a href='javascript:someFunction();'>click</a>

Je me demandais si il n'y a aucun moyen de contourner ce problème, car je ne veux pas que l'utilisateur en pensant qu'ils sont de quitter la page quand ils sont simplement en cliquant sur un bouton. Je n'ai pas l'option de réécriture de tous les différents liens comme ils sont construits dans et nombreux.

Des idées?

Il suffit de ne pas utiliser ces liens. Utiliser Javascript discret à la place.
Ce n'est pas une option. Nous sommes à l'aide d'un système très complexe qui a déjà des tas de trucs, construite dans. Je préfère ne pas réinventer la roue dans cette instance.
Pouvez-vous changer les liens une fois la page chargée?
"Ne quittez pas !" est dictatorial. Vous devriez mieux avertir "Si vous partez, les données non enregistrées seront perdues." Si l'utilisateur veut quitter permettra à l'utilisateur de quitter, peu importe ce que vous essayez. Le plus vous prenez abusif de tactiques, de plus les navigateurs et les utilisateurs de les ignorer.

InformationsquelleAutor Maxx | 2011-10-04

36

Vous pouvez supprimer et ré-attribuer le onbeforeunload lorsque le curseur de ces liens:
```
jQuery(
  function($)
  {
      //store onbeforeunload for later use
    $(window).data('beforeunload',window.onbeforeunload);  

      //remove||re-assign onbeforeunload on hover 
    $('a[href^="javascript:"]')
      .hover( 
             function(){window.onbeforeunload=null;},
             function(){window.onbeforeunload=$(window).data('beforeunload');}
            );

  }
);
```
- J'envisage de faire quelque chose comme cela. Je crois que je vais l'essayer et de le traiter avec des heures de tests de régression si il semble fonctionner. Je vous remercie.
- J'ai fini par aller avec cette solution. Il fonctionne comme prévu, et est assez solide pour ce genre de solution de contournement. Je vous remercie pour l'aide.
- Cela fonctionne très bien. Cependant, vous pouvez aussi tout simplement retourner false dans votre fonction qui est lié à la balise d'ancrage, c'est du moins la façon dont j'ai été en mesure de contourner ce problème.
- Tout simplement en renvoyant false ne semble pas faire l'affaire sur IE. J'ai dû recourir à l'aide de la onhover truc
- IE est le diable! Sauf gov-types sont en me forçant, je n'utilise que Chrome / Firefox. Les quelques "avantages" en utilisant IE ne semblent pas tellement propice à la productivité.
- Cette réponse est intéressante, mais elle n'est pas assez clair. Qu'est-ce que cette "jQuery" ? Qu'est-ce que ce $ seul ?
- J'aimerais plus de détails sur ce que c'est exactement ce faisant, s'il vous plaît.
InformationsquelleAutor Dr.Molle
7

Je viens de tomber sur un même problème et trouvé une solution très simple:
```
$("a").mousedown(function() {
    $(window).unbind();
});
```
Cela permettra d'éliminer l'événement onbeforeunload juste avant l'événement click est déclenchée.
- Remarque, cette version s'applique à tous les liens.
- C'est génial!
InformationsquelleAutor Ginchen
3

Déplacer n'importe quel script pour un click gestionnaire d'événement au lieu de cela, avec un repli de page pour les utilisateurs sans JavaScript:
```
<a href="foo.html" onclick="someFunction(); return false">click</a>
```
La discrète JS champions hors il y aura probablement s'opposer à l'utilisation de la onclick attribut, mais le fait est que ça fonctionne, c'est la façon la plus simple pour ajouter un gestionnaire d'événements et de la façon la plus simple de donner un exemple. Pour une meilleure séparation des préoccupations, vous pouvez à la place utiliser un DOM0 onclick propriété, addEventListener() /attachEvent() ou une bibliothèque.
- Ce serait encore déclencher l'événement onbeforeunload. Aussi, je n'ai pas le luxe de réécriture des liens.
- Merci pour la mise à jour, mais cela n'empêche pas le onbeforeunload événement de déclenchement.
- Il ne déclenchent pas la beforeunload de l'événement aussi longtemps que someFunction() ne jette pas une erreur: le return false y veille.
InformationsquelleAutor Tim Down
1

Si vous incluez un signet symbole dans le href de la balise, vous devriez être en mesure de toujours utiliser l'événement onclick d'inclure votre JavaScript.
```
<a href="#" onclick='someFunction();'>click</a>
```
J'ai couru un certain nombre de tests et cela semble pour exécuter JavaScript sans déclenchement de l'événement onbeforeunload. Je serais curieux de savoir si cela fonctionne pour d'autres ou si vous avez toujours le même problème après la mise en œuvre d'une des balises de cette manière.
- Je crois que cela déclenche toujours à l'appel, malheureusement.
- J'ai un bouton "soumettre", donc je ne peux pas le faire.
- Fonctionne pour moi, le grand et le simple correctif.
InformationsquelleAutor Lone Ranger
1

(Comme certains des autres réponses, cela exige de changer la façon dont le JavaScript est lié. Si cela ne fonctionne pas pour vous, mépris.)

J'ai trouvé que dans IE 7 par IE 10, simplement à l'aide de jQuery .cliquez sur() avec preventDefault fonctionne sans montrer le onbeforeunload message (IE 11 ne montre pas la beforeunload un message de mon cas de test). C'est vrai que le href est '#' ou javascript:void(0). J'attends la conclusion tient si attachEvent/addEventListener est utilisé directement, mais je n'ai pas tester.

Il y a une démo de l', ci-dessous,http://jsbin.com/tatufehe/1 . Les deux versions (en vert) avec preventDefault de travail (ne pas montrer la beforeunload boîte de dialogue). L'un sans preventDefault ne le montrer (à titre de comparaison).
```
$( document ).ready( function () {
 $( 'a' ).click( function ( evt ) {
 $( '#display' ).text( 'You clicked: ' + $( this ).text() );

 if ( $(this).hasClass( 'withPreventDefault' ) ) {
 evt.preventDefault();
 }
 } );
})

window.onbeforeunload = function () {
 return "Are you sure you want to leave?"; 
};
```
```


<a class="withPreventDefault" href="#">Number sign link *with* preventDefault</a>

<a class="withPreventDefault" href="javascript:void(0);">JavaScript href link *with* preventDefault</a>

<a href="javascript:void(0);">JavaScript href link *without* preventDefault</a>
```
InformationsquelleAutor Matthew Flaschen
0

Si l'utilisateur de la souris sur un lien et elles déclenchent actualiser la page avec le clavier ou activer un lien avec le clavier, l'invite de ne pas s'afficher. Le Dr Molle approche ne fonctionnera pas dans ce cas rares.

InformationsquelleAutor danial

Vous devez vous connecter pour publier un commentaire.