Javascript Come chiamare una funzione quando scegliamo Rimanere sulla pagina in Chrome

Question

Si prega di controllare il mio codice nel browser Chrome, se si preme aggiornamento verrà richiesto con 2 opzioni.

1. uscire da questa pagina e
2. rimanere su questa pagina

quando clicco sul 2. Rimanere su questo pulsante Pagina si deve attivare la funzione personalizzata displayMsg (

Può un e uno mi fornisce una soluzione?

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

Answer 1

utilizzare un timer per l'ascolto per la variabile cambiamento:

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

Answer 2

È possibile utilizzare una combinazione dei onbeforeunload e onunload eventi, impostando un timer nel primo e di compensazione che in quest'ultimo:

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!"); 
} 

Questo funziona perché l'evento onunload non spara quando l'utente sceglie di rimanere sulla pagina.

Answer 3

Si prega di utilizzare queste righe di codice, funziona correttamente.

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