window.addEventListener不工作，但window.onhashchange工作？

Question

window.addEventListener("hashchange",myFunction); 
console.log(window.onhashchange); //This one prints NULL 

window.onhashchange = myFunction; 
console.log(window.onhashchange); // This one working fine. 

function myFunction() { 
    alert("The anchor part has changed!"); 
} 

爲什麼我無法使用addEventListener方法附加事件偵聽器？但window.onhashchange工作正常

編輯我確實使用'hashchange'而不是'onhashchange'這是一個錯字。

Answer 1

沒有onhashchange事件。有是一個hashchange事件：

window.addEventListener('hashchange', myFunction, false); 

同樣，沒有onclick事件，但有是一個click事件：

element.addEventListener('click', someFunction, false); 

---

測試on*屬性綁定的事件是不驗證回調是否受到約束的適當方法。爲了測試，你將不得不引發某種方式的事件和回調中有一個測試：

window.onhashchange = function() { 
 
    console.log('onhashchange property works'); 
 
}; 
 

 
window.addEventListener('hashchange', function() { 
 
    console.log('addEventListener method works'); 
 
}, false);

<a href="#example">Click this to test</a>

成功綁定回調將不會通過屬性暴露出來。