पता करने के लिए कि उपयोगकर्ता ने जावास्क्रिप्ट ऑनबॉर्नलोड लोड पर रद्द किया है या नहीं?

Question

जब कोई व्यक्ति किसी विशेष पृष्ठ से अपने काम को सहेजे बिना नेविगेट करने का प्रयास करता है तो मैं एक संवाद बॉक्स पॉप अप कर रहा हूं। मैं जावास्क्रिप्ट की ऑनबर्ननलोड घटना का उपयोग करता हूं, बहुत अच्छा काम करता है।

अब मैं कुछ जावास्क्रिप्ट कोड चलाने के लिए चाहता हूं जब उपयोगकर्ता आने वाले संवाद पर "रद्द करें" पर क्लिक करता है (कह रहा है कि वे पृष्ठ से दूर नेविगेट नहीं करना चाहते हैं)।

क्या यह संभव है? मैं भी jQuery का उपयोग कर रहा हूं, तो क्या शायद एक घटना हो सकती है जैसे कि पहले से लोड करने के लिए मैं बांध सकता हूं?

अद्यतन: विचार वास्तव में बचाने के लिए है और एक अलग वेबपेज जो उपयोगकर्ताओं को सीधे अगर वे

Answer 1

आप इस तरह यह कर सकते हैं:

$(function() { 
    $(window).bind('beforeunload', function() { 
     setTimeout(function() { 
      setTimeout(function() { 
       $(document.body).css('background-color', 'red'); 
      }, 1000); 
     },1); 
     return 'are you sure'; 
    }); 
}); 

कोड पहले setTimeout विधि के भीतर 1ms की देरी है। यह सिर्फ UI queue में फ़ंक्शन जोड़ने के लिए है। चूंकि setTimeout असीमित रूप से चलता है क्योंकि जावास्क्रिप्ट दुभाषिया सीधे return कथन को कॉल करके जारी रखेगा, जो बदले में ब्राउज़र modal dialog को ट्रिगर करता है। यह UI queue को अवरुद्ध करेगा और मोडल बंद होने तक पहले setTimeout से कोड निष्पादित नहीं किया जाएगा। यदि उपयोगकर्ता ने रद्द किया दबाया है, तो यह एक और सेटटाइम ट्रिगर करेगा जो लगभग एक सेकंड में आग लग जाएगा। यदि उपयोगकर्ता ठीक से पुष्टि करता है, तो उपयोगकर्ता रीडायरेक्ट करेगा और दूसरा सेटटाइम कभी नहीं निकाल दिया जाएगा।

उदाहरण: http://www.jsfiddle.net/NdyGJ/2/

Answer 2

नहीं

संभव रद्द चुना है। शायद कोई मुझे गलत साबित करेगा ... आप किस कोड को चलाने के लिए चाहते हैं? क्या आप रद्द करते समय ऑटो-सेव करना चाहते हैं? यह काउंटर-अंतर्ज्ञानी लगता है। यदि आप पहले से ही ऑटो-सेव नहीं करते हैं, तो मुझे लगता है कि जब वे "रद्द करें" दबाते हैं तो ऑटो-सेव करने के लिए यह बहुत कम समझ में आता है। हो सकता है कि आप अपने ऑनबेरनलोड हैंडलर में सेव बटन को हाइलाइट कर सकें ताकि उपयोगकर्ता देख सके कि उन्हें नेविगेट करने से पहले क्या करना है।

Answer 3

मुझे नहीं लगता था कि यह संभव हो गया था, लेकिन सिर्फ इस विचार की कोशिश की और यह काम करता है (हालांकि यह एक हैक की क्या कुछ है और सभी ब्राउज़रों में एक ही काम नहीं कर सकता):

window.onbeforeunload = function() { 
    $('body').mousemove(checkunload); 
    return "Sure thing"; 
}; 

function checkunload() { 
    $('body').unbind("mousemove"); 
    //ADD CODE TO RUN IF CANCEL WAS CLICKED 
} 

Answer 4

मैं जानता हूँ कि इस सवाल का अब पुराना है, लेकिन इस मामले में किसी को भी है अभी भी इस के साथ मुद्दों कर, मैं एक समाधान मेरे लिए काम करने लगता है कि,

मूल रूप से unload घटना के बाद beforeunload ई निकाल दिया जाता है पाया है वेंट। हमें टाइमआउट beforeunload घटना में बनाया रद्द करने के लिए इसका उपयोग कर सकते JANDY के जवाब को संशोधित:

$(function() { 
    var beforeUnloadTimeout = 0 ; 
    $(window).bind('beforeunload', function() { 
     console.log('beforeunload'); 
     beforeUnloadTimeout = setTimeout(function() { 
      console.log('settimeout function'); 
      $(document.body).css('background-color', 'red'); 
     },500); 
     return 'are you sure'; 
    }); 
    $(window).bind('unload', function() { 
     console.log('unload'); 
     if(typeof beforeUnloadTimeout !=='undefined' && beforeUnloadTimeout != 0) 
      clearTimeout(beforeUnloadTimeout); 
    }); 
}); 

संपादित करें:jsfiddle here

Answer 5

window.onbeforeunload = function() { 
    if (confirm('Do you want to navigate away from this page?')) { 
     alert('Saving work...(OK clicked)') 
    } else { 
     alert('Saving work...(canceled clicked)') 
     return false 
    } 
} 

इस कोड के साथ

भी यदि पर 'रद्द करें' IE8 में उपयोगकर्ता क्लिक करता है डिफ़ॉल्ट नेविगेशन संवाद दिखाई देगा।