Javascript Comment appeler une fonction lorsque nous choisissons de Rester à la Page dans le navigateur Chrome

Veuillez vérifier mon code dans le Navigateur google Chrome, si vous cliquer sur "actualiser", vous serez invité avec 2 options.

  1. Quitter Cette Page et
  2. Rester sur Cette Page

Quand je clique sur le 2. Rester sur cette page bouton, il faut activer ma fonction personnalisée displayMsg()

Quelqu'un peut-il me donner la solution?

<script type="text/javascript">
function displayMsg() {
    alert('my text..');
}
</script>
<script type="text/javascript">
window.onbeforeunload = function(evt) {
  var message = 'Please Stay on this page and we will show you a secret text.';
  if (typeof evt == 'undefined') {
      evt = window.event;
  }       
  if (evt) {
      evt.returnValue = message;
      return message;
  }
  trace(evt);
} 
</script>
InformationsquelleAutor Me 4U | 2012-05-16
  1. 7

    utiliser une minuterie à l'écoute pour le changement de variable :

    var vals=0;
function displayMsg() {
    alert('my text..');
}
window.onbeforeunload = function evens(evt) {
var message = 'Please Stay on this page and we will show you a secret text.';
  if (typeof evt == 'undefined') {
      evt = window.event;
  }       
    timedCount();
    vals++;
  if (evt) {
      evt.returnValue = message ;
      return message ;
  }
  trace(evt);
} 

function timedCount()
{
t=setTimeout("timedCount()",100);
if(vals>0)
{
    displayMsg();
    clearTimeout(t);
}
}
    • regardez aussi ce listening-for-variable-changes-in-javascript-or-jquery
    • Super Script! Merci beaucoup d'avoir pris le temps même de mon displayMsg() de la fonction et de le rendre facile à utiliser directement, sans autres modifications 🙂
    • Merci Perdickss", votre code fonctionne même sur le navigateur IE trop!
    InformationsquelleAutor Mohamad Rostami
  2. 5

    Vous pouvez utiliser une combinaison de la onbeforeunload et onunload événements, réglage d'une minuterie dans l'ancien et de compensation dans le second:

    var showMsgTimer;

window.onbeforeunload = function(evt) {
    var message = 'Please Stay on this page and we will show you a secret text.';
    showMsgTimer = window.setTimeout(showMessage, 500);

    evt = evt || window.evt;
    evt.returnValue = message;

    return message;
}

window.onunload = function () {
    clearTimeout(showMsgTimer);
}

function showMessage() {
    alert("You've been trolled!");
}

    Cela fonctionne parce que les onunload événement jamais déclenché lorsque l'utilisateur choisit de rester sur la page.

    • l'op veut "Quand je clique sur le 2. Rester sur cette page, sur le bouton, il faut activer ma fonction personnalisée displayMsg()", de ne pas la quitter la page
    • si vous lisez le code ou testé, vous verrez que c'est exactement ce qu'il fait. Si vous choisissez de rester sur la page, il affiche un message. Si vous partez, il n'a pas.
    • je suis d'accord, mais il va appeler lorsque u cliquez sur quitter la page aussi. vérifiez ici jsfiddle.net/VuPcf
    • la minuterie a juste besoin de bidouiller un peu. 100ms a fonctionné pour moi en test local, mais pas dans votre jsFiddle exemple. Changer pour une valeur plus élevée, par exemple 500ms, résout le problème. Supplémentaires tweaking peut être nécessaire, mais la solution est à peu près la meilleure option.
    • Excellent! C'est exactement ce que je cherchais. Merci Andy! 🙂
    InformationsquelleAutor Andy E
  3. 1

    Veuillez utiliser ces lignes de code , il fonctionne correctement.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
    </script>
    <script type="text/javascript">
    $(function(){
    $(window).bind('beforeunload', function(){
      return 'Your Data will be lost :(';
     });
    });
    </script>
    InformationsquelleAutor FAISAL