閱讀(3.7k) 書簽贊(0) 我要糾錯(cuò)

window屬性：onhashchange

2018-05-07 14:29 更新

onhashchange屬性

當(dāng)窗口的哈希值發(fā)生變化時(shí)，hashchange事件將會(huì)觸發(fā)。

onhashchange屬性語法

window.onhashchange = funcRef;

或者：

<body onhashchange =“funcRef（）;”>

覆蓋任何現(xiàn)有的事件處理程序。

為了將事件偵聽器添加到現(xiàn)有的事件處理程序集，請(qǐng)使用函數(shù)“addEventListener”：

window.addEventListener（“hashchange”，funcRef，false）;

onhashchange屬性參數(shù)

funcRef: 對(duì)函數(shù)的引用。

onhashchange屬性示例

if ("onhashchange" in window) {
    alert("The browser supports the hashchange event!");
}

function locationHashChanged() {
    if (location.hash === "#somecoolfeature") {
        somecoolfeature();
    }
}

window.onhashchange = locationHashChanged;

hashchange事件

觸發(fā)的hashchange事件具有以下字段：

字段	類型	描述
`newURL`	`DOMString`	窗口正在導(dǎo)航到的新URL
`oldURL`	`DOMString`	導(dǎo)航窗口的上一個(gè)URL

針對(duì)event.newURL和event.oldURL的解決方法

//let this snippet run before your hashchange event binding code
if(!window.HashChangeEvent)(function(){
	var lastURL=document.URL;
	window.addEventListener("hashchange",function(event){
		Object.defineProperty(event,"oldURL",{enumerable:true,configurable:true,value:lastURL});
		Object.defineProperty(event,"newURL",{enumerable:true,configurable:true,value:document.URL});
		lastURL=document.URL;
	});
}());

規(guī)范

規(guī)范	狀態(tài)	注釋
HTML Living Standard 該規(guī)范中的'GlobalEventHandlers'的定義。	Living Standard
HTML 5.1 該規(guī)范中的'GlobalEventHandlers'的定義。	Recommendation
HTML5 該規(guī)范中的'GlobalEventHandlers'的定義。	Recommendation

瀏覽器兼容性

	電腦端						移動(dòng)端
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Androidwebview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari
基本支持	支持	支持	支持：3.6	支持：8	支持：10	支持：5	支持	支持	支持	支持：4	支持：11	支持：5

以上內(nèi)容是否對(duì)您有幫助：

← window屬性：ongotpointercapture

window屬性：oninput →

寫筆記

我要補(bǔ)充