जावास्क्रिप्ट जब हम क्रोम

Question

में पृष्ठ पर रहें चुनते हैं तो फ़ंक्शन को कॉल करने के लिए कैसे करें यदि आप रीफ्रेश हिट करते हैं तो आपको 2 विकल्प के साथ संकेत दिया जाएगा।

1. छोड़ दो इस पृष्ठ और इस पृष्ठ पर
2. स्टे

जब मैं इस पेज बटन पर 2. स्टे क्लिक करें यह अपने कस्टम समारोह displayMsg को सक्रिय करना होगा ()

क्या कोई वाई मुझे समाधान प्रदान करते हैं?

<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

उपयोग परिवर्तन चर के लिए सुन करने के लिए एक टाइमर:

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

आप onbeforeunload और onunload घटनाओं के संयोजन का उपयोग कर सकते हैं, पूर्व में एक टाइमर सेट और बाद में उसे साफ़:

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

यह काम करता है क्योंकि onunload घटना कभी नहीं जब उपयोगकर्ता आग पेज पर रहने का विकल्प चुनता है।

Answer 3

कोड की इन पंक्तियों का उपयोग करें, यह ठीक से काम करता है।

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