hashchange事件是html5新增的api,用来监听浏览器链接的hash值变化。
目前流行的spa框架的路由都有使用到该特性,接下来简单介绍下:
当URL的片段标识符更改时,将触发hashchange事件 (跟在#符号后面的URL部分,包括#符号)
属性 | 类型 | 描述 |
---|---|---|
target | EventTarget | 上下文为window对象 |
type | DOMString | event类型 |
bubbles | Boolean | 事件是否能冒泡 |
cancelable | Boolean | 事件是否能被取消 |
oldURL | String | 跳转前的URL |
newURL | String | 跳转后的当前URL |
hashchange跳转到对应的锚点示例应用:
https://mackhly.hlytools.top/article/54.html