Я использую:
$(window).bind( 'hashchange', function(e) { });
чтобы связать функцию с событием изменения хэша. Это похоже на работу в IE8, Firefox и Chrome, но не в Safari, и я предполагаю, что это не в более ранней версии IE. Для этих браузеров я хочу отключить код JavaScript, который использует хеш и hashchange событие.
Есть ли способ с jQuery, который я могу определить, поддерживает ли браузер событие hashchange? Может быть, что-то с jQuery.support...
Вы можете определить, поддерживает ли браузер событие:
if ("onhashchange" in window) {
//...
}
См. также:
Имеется подключаемый модуль hashchange, который включает в себя функции и проблемы с браузером доступные здесь.
Разный подход к вашей проблеме...
Существует 3 способа привязки события hashchange к методу:
<script>
window.onhashchange = doThisWhenTheHashChanges;
</script>
или
<script>
window.addEventListener("hashchange", doThisWhenTheHashChanges, false);
</script>
или
<body onhashchange="doThisWhenTheHashChanges();">
Все они работают с IE 9, FF 5, Safari 5 и Chrome 12 на Win 7.
попробуйте официальный сайт Mozilla: https://developer.mozilla.org/en/DOM/window.onhashchange
укажите следующее:
if ("onhashchange" in window) {
alert("The browser supports the hashchange event!");
}
function locationHashChanged() {
if (location.hash === "#somecoolfeature") {
somecoolfeature();
}
}
window.onhashchange = locationHashChanged;
Обновленный ответ здесь с 2017 года, если кому-то это понадобится, заключается в том, что onhashchange хорошо поддерживается во всех основных браузерах. Подробнее см. caniuse. Чтобы использовать его с jQuery, плагин не нужен:
$( window ).on( 'hashchange', function( e ) {
console.log( 'hash changed' );
} );
Иногда я сталкиваюсь с устаревшими системами, где URL-адрес hashbang все еще используется, и это полезно. Если вы создаете что-то новое и используете хеш-ссылки, я настоятельно рекомендую вам вместо этого использовать API push5ate HTML5.
Я просто столкнулся с той же проблемой (отсутствие события hashchange в IE7). Обходной путь, который подходит для моих целей, состоял в том, чтобы связать событие click с помощью хеширующих смену ссылок.
<a class='hash-changer' href='#foo'>Foo</a>
<script type='text/javascript'>
if (("onhashchange" in window) && !($.browser.msie)) {
//modern browsers
$(window).bind('hashchange', function() {
var hash = window.location.hash.replace(/^#/,'');
//do whatever you need with the hash
});
} else {
//IE and browsers that don't support hashchange
$('a.hash-changer').bind('click', function() {
var hash = $(this).attr('href').replace(/^#/,'');
//do whatever you need with the hash
});
}
</script>
Обратите внимание, что в случае IE 7 и IE 9, если statment даст true для ( "onhashchange" в окнах), но window.onhashchange никогда не будет срабатывать, поэтому лучше хранить хеш и проверять его через каждые 100 миллисекунд, изменен или нет для всех версий IE.
if (("onhashchange" in window) && !($.browser.msie)) {
window.onhashchange = function () {
alert(window.location.hash);
}
// Or $(window).bind( 'hashchange',function(e) {
// alert(window.location.hash);
// });
}
else {
var prevHash = window.location.hash;
window.setInterval(function () {
if (window.location.hash != prevHash) {
prevHash = window.location.hash;
alert(window.location.hash);
}
}, 100);
}
Как насчет использования другого способа вместо хэш-события и прослушивания popstate, как.
window.addEventListener('popstate', function(event)
{
if(window.location.hash) {
var hash = window.location.hash;
console.log(hash);
}
});
Этот метод отлично работает в большинстве браузеров, которые я пробовал до сих пор.
этот крошечный плагин jQuery очень прост в использовании: https://github.com/finnlabs/jquery.observehashchange/
Я думаю, что у Криса Койера есть решение этой проблемы хэширования, посмотрите на его скринкаст:
Используйте Modernizr для обнаружения возможностей функций. В общем случае jQuery предлагает обнаруживать функции браузера: http://api.jquery.com/jQuery.support/. Однако hashchange отсутствует в списке.
wiki of Modernizr предлагает список библиотек для добавления возможностей HTML5 в старые браузеры. Список для hashchange содержит указатель на проект API истории HTML5, который, как представляется, предлагает функциональные возможности, которые вам нужны, если вы хотите эмулировать поведение в старых браузерах.
Вот обновленная версия @johnny.rodgers
Надежда помогает кому-то.
// ie9 ve ie7 return true but never fire, lets remove ie less then 10
if(("onhashchange" in window) && navigator.userAgent.toLowerCase().indexOf('msie') == -1){ // event supported?
window.onhashchange = function(){
var url = window.location.hash.substring(1);
alert(url);
}
}
else{ // event not supported:
var storedhash = window.location.hash;
window.setInterval(function(){
if(window.location.hash != storedhash){
storedhash = window.location.hash;
alert(url);
}
}, 100);
}