开发者

onpopstate event doesn't trigger in Chrome/Safari

开发者 https://www.devze.com 2023-01-19 09:43 出处：网络

Chrome and Safari doesn\'t trigger the HTML5 onpopstate event. Here is my example: <!doctype html>

相关专题：google-chrome jquery jquery-events

Chrome and Safari doesn't trigger the HTML5 onpopstate event. Here is my example:

<!doctype html> 
<html> 
    <head> 
        <title></title> 
        <script src="http://code.jquery.com/jquery-latest.js"></script> 
        <script> 
            window.onpopstate = function(e) {
                document.getElementById("log").innerHTML = "HELLO";
            }
            $(function() {
                $("a").click(function(e) {
                    e.preventDefault();
                    window.history.pushState({page: $(this).index()}, $(this).html(), $(this).attr('href'));
                });
            });
        </script> 
    </head> 
    <body>开发者_开发百科 
        <a href="new-state">Foo</a> 
        <a href="other-state">Hallo</a> 
        <div id="log"></div> 
    </body> 
</html>

window.onpopstate() should fire on the initial page load, which counts as a history traversal. See this WebKit bug, which has been resolved in recent WebKit builds. (You code outputs HELLO as designed in Chrome 7.0.517.44, and presumably will do so in the next version of Safari.)

See also my (invalid) Chrome bug report for more discussion and links.