Lấy giá trị băm mà là trước khi hashchange

Question

Giả html của tôi là

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

và Js là

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

tôi muốn có được giá trị băm mà là trước khi thay đổi băm .là nó có thể? Nếu vâng, thế nào?

Answer 1

sử dụng mà

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

Demo: http://jsbin.com/ulumil/

Answer 2

Bạn phải theo dõi băm cuối cùng, ví dụ:

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

Trên thực tế các giải pháp được cung cấp bởi Amit hoạt động nhưng với thư viện jquery và crossplatform là tốt.

Dưới đây là một giải pháp đơn giản hơn bằng cách sử dụng javascript và crossbrowser lõi là tốt. (Kiểm tra với phiên bản mới nhất của trình duyệt IE/FF/Chrome/Safari)

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

Không sử dụng

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

Nó sẽ không hoạt động trên IE và có lẽ ở nơi khác quá.

Sử dụng tùy chọn này thay thế.

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

Điều này sẽ hoạt động trong tất cả các trình duyệt hiện đại.

DEMO: https://output.jsbin.com/qafupu#one