जावास्क्रिप्ट में बैक बटन ईवेंट को पकड़ने का कोई तरीका है?

Question

क्या जावास्क्रिप्ट में बैक बटन हिट (या बैकस्पेस दबाया जा रहा है) का जवाब देने का कोई तरीका है जब केवल स्थान हैश बदलता है? यह कहना है कि जब ब्राउज़र सर्वर से संचार नहीं कर रहा है या पृष्ठ को पुनः लोड नहीं कर रहा है।

Answer 1

उपयोग hashchange घटना:

window.addEventListener("hashchange", function(e) { 
    // ... 
}) 

आप पुराने ब्राउज़र का समर्थन करने के Modernizr का HTML5 क्रॉस ब्राउज़र Polyfills विकि पृष्ठ में hashChange Event section की जाँच की जरूरत है।

Answer 2

onLocationChange भी उपयोगी हो सकता है। यह सुनिश्चित नहीं है कि यह मोज़िला-केवल एक चीज है, ऐसा लगता है कि यह हो सकता है।

Answer 3

क्या आपने इसे देखा? http://developer.yahoo.com/yui/history/

Answer 4

मैंने कुछ solution बनाया है जो कुछ लोगों के लिए उपयोग किया जा सकता है। बस अपने पेज पर कोड शामिल करें, और आप अपना स्वयं का फ़ंक्शन लिख सकते हैं जिसे बैक बटन क्लिक करने पर कॉल किया जाएगा।

मैंने आईई, एफएफ, क्रोम और सफारी में परीक्षण किया है, और सभी काम कर रहे हैं। आईई और एफएफ में निरंतर मतदान की आवश्यकता के बिना आईफ्रेम पर आधारित समाधान, हालांकि, अन्य ब्राउज़रों में सीमाओं के कारण, सफारी में स्थान हैश का उपयोग किया जाता है।

Answer 5

मैंने अपनी संतुष्टि के लिए इस मुद्दे को हल करने के लिए एक मजेदार हैक किया। मुझे एक AJAX साइट मिली है जो सामग्री को गतिशील रूप से लोड करती है, फिर window.location.hash को संशोधित करती है, और मेरे पास हैश को पार्स करने और उपयुक्त अनुभाग लोड करने के लिए $ (दस्तावेज़) .ready() पर चलाने के लिए कोड था। बात यह है कि मैं नेविगेशन के लिए अपने सेक्शन लोडिंग कोड से पूरी तरह से खुश था, लेकिन ब्राउजर बैक और फॉरवर्ड बटन को अवरुद्ध करने के लिए एक रास्ता जोड़ना चाहता था, जो विंडो स्थान बदलता है, लेकिन मेरे वर्तमान पेज लोडिंग रूटीन में हस्तक्षेप नहीं करता है, जहां मैं हेरफेर करता हूं window.location, और खिड़की पर मतदान। निरंतर अंतराल पर स्थान प्रश्न से बाहर था।

क्या मैं इस तरह के रूप एक वस्तु का निर्माण कर रहा कर समाप्त हो गया:

var pageload = { 
    ignorehashchange: false, 
    loadUrl: function(){ 
     if (pageload.ignorehashchange == false){ 
      //code to parse window.location.hash and load content 
     }; 
    } 
}; 

फिर, मैं एक पंक्ति मेरी साइट स्क्रिप्ट के hashchange घटना पर pageload.loadUrl समारोह को चलाने के लिए इस तरह के रूप में जोड़ा गया,:

window.addEventListener("hashchange", pageload.loadUrl, false); 

फिर, किसी भी समय मैं इस दिनचर्या पेज लोड हो रहा है ट्रिगर किए बिना window.location.hash संशोधित करना चाहते हैं, मैं बस निम्न पंक्ति प्रत्येक window.location.hash = लाइन से पहले जोड़ें:

pageload.ignorehashchange = true; 

और उसके बाद प्रत्येक हैश संशोधन पंक्ति के बाद निम्न पंक्ति:

setTimeout(function(){pageload.ignorehashchange = false;}, 100); 

तो अब मेरी अनुभाग लोड हो रहा है दिनचर्या आम तौर पर चल रहे हैं, लेकिन उपयोगकर्ता 'वापस' या 'आगे' बटन दबाता है, नया स्थान पार्स किया गया है और उपयुक्त अनुभाग लोड किया गया है।

Answer 6

history.js देखें। एक एचटीएमएल 5 राज्य परिवर्तन कार्यक्रम है और आप इसे सुन सकते हैं।