हैश मान जो hashchange

Question

पहले था मान लीजिए मेरी एचटीएमएल

<a href="#one">One</a> 
<a href="#two">Two</a> 

है जाओ और जे एस

$(window).on("hashchange"){ 
alert(document.location.hash); 
} 

है मैं हैश मान जो पहले हैश परिवर्तन यह संभव .is था प्राप्त करना चाहते हैं? यदि हा कैसे?

Answer 1

उपयोग कि

$(window).on("hashchange", function(e){ 
    console.log(e.originalEvent.oldURL) 
    console.log(e.originalEvent.newURL) 
})​; 

डेमो: http://jsbin.com/ulumil/

Answer 2

उदाहरण के लिए आप पिछले हैश ट्रैक करने के लिए, है:

var currentHash = function() { 
    return location.hash.replace(/^#/, '') 
} 

var last_hash 
var hash = currentHash() 

$(window).bind('hashchange', function(event){ 
    last_hash = hash 
    hash = currentHash() 
    console.log('hash changed from ' + last_hash + ' to ' + hash) 
}); 

Answer 3

दरअसल अमित द्वारा प्रदान समाधान jQuery पुस्तकालय के साथ, लेकिन काम करता है और क्रॉसप्लेटफार्म भी।

कोर जावास्क्रिप्ट और क्रॉसब्रोसर का उपयोग करके यहां एक और अधिक सरल समाधान है। (आईई/एफएफ/Chrome का नवीनतम संस्करण/सफारी के साथ की जाँच)

window.onhashchange = function(e){ 
    console.log(e); 
    var oldURL = e.oldURL; 
    var newURL = e.newURL; 
    console.log("old url = " + oldURL); 
    console.log("new url = " + newURL); 
    var oldHash = oldURL.split("#")[1]; 
    var newHash = newURL.split("#")[1]; 
    console.log(oldHash); 
    console.log(newHash); 
}; 

Answer 4

$(window).on("hashchange", function(e){ 
    console.log(e.originalEvent.oldURL) 
    console.log(e.originalEvent.newURL) 
})​; 

का उपयोग न करें यह IE पर भी काम नहीं करेगा और शायद कहीं और।

इसके बजाए इसका उपयोग करें।

(function(w, $){ 
    var UrlHashMonitor = {}; 
    UrlHashMonitor.oldHash = ''; 
    UrlHashMonitor.newHash = ''; 
    UrlHashMonitor.oldHref = ''; 
    UrlHashMonitor.newHref = ''; 
    UrlHashMonitor.onHashChange = function(f){ 
    $(window).on('hashchange', function(e){ 
     UrlHashMonitor.oldHash = UrlHashMonitor.newHash; 
     UrlHashMonitor.newHash = w.location.hash; 
     UrlHashMonitor.oldHref = UrlHashMonitor.newHref; 
     UrlHashMonitor.newHref = w.location.href; 
     f(e); 
    }); 
    }; 
    UrlHashMonitor.init = function(){ 
    UrlHashMonitor.oldHash = UrlHashMonitor.newHash = w.location.hash; 
    UrlHashMonitor.oldHref = UrlHashMonitor.newHref = w.location.href; 
    }; 
    w.UrlHashMonitor = UrlHashMonitor; 
    return UrlHashMonitor; 

})(window, window.jQuery); 

/* 
* USAGE EXAMPLE 
*/ 
UrlHashMonitor.init(); 
UrlHashMonitor.onHashChange(function(){ 
    console.log('oldHash: ' + UrlHashMonitor.oldHash); 
    console.log('newHash: ' + UrlHashMonitor.newHash); 
    console.log('oldHref: ' + UrlHashMonitor.oldHref); 
    console.log('newHref: ' + UrlHashMonitor.newHref); 
    //do other stuff 
}); 

यह सभी आधुनिक ब्राउज़रों में काम करना चाहिए।

डेमो: https://output.jsbin.com/qafupu#one