js window 有哪些监听
时间: 2023-08-11 16:04:34 浏览: 147
JavaScript中的window对象提供了许多事件监听器,以下是一些常见的监听器:
1. onload:当页面或某个资源加载完成时触发。
2. onunload:当用户关闭页面或离开页面时触发。
3. onresize:当窗口或框架的大小发生变化时触发。
4. onscroll:当用户滚动页面时触发。
5. onkeydown/onkeyup/onkeypress:当用户按下、释放或按住某个键时触发。
6. onmousedown/onmouseup/onmousemove:当用户鼠标按下、释放或移动时触发。
7. onblur/onfocus:当窗口或框架失去或获得焦点时触发。
8. onbeforeunload:当用户在离开页面之前触发的事件,用于提示用户保存未保存的数据。
除了以上列举的这些监听器,还有很多其他的监听器可以使用,具体可以参考W3C的官方文档。
相关问题
window.addEventListener有哪些监听事件
window.addEventListener是JavaScript中用于添加事件监听器的方法,可以用来监听各种事件。以下是一些常见的window.addEventListener的监听事件:
1. "load":当页面完全加载后触发,包括所有图像、样式表和脚本等资源。
2. "unload":当页面即将被卸载时触发,通常用于执行一些清理操作。
3. "resize":当窗口大小发生改变时触发。
4. "scroll":当页面滚动时触发。
5. "click":当鼠标点击某个元素时触发。
6. "keydown":当按下键盘上的任意键时触发。
7. "keyup":当释放键盘上的任意键时触发。
8. "mouseover":当鼠标指针移动到某个元素上方时触发。
9. "mouseout":当鼠标指针移出某个元素时触发。
window.open监听加载完成
`window.open()` 是 JavaScript 中的一个内置函数,用于在浏览器中打开一个新的窗口或者弹出框。如果你想监听新页面的加载完成,可以利用 `window.onload` 或者 `document.readyState` 事件。
当你使用 `window.open(url[, name[, features]])` 打开新的页面后,你可以通过设置一个匿名函数作为 `window.onload` 属性,该函数会在新页面完全加载完成后执行:
```javascript
var newWindow = window.open('https://example.com');
newWindow.onload = function() {
// 新页面加载完成后的处理逻辑
console.log('新页面已加载完毕');
};
```
另一种方法是使用 `document.addEventListener('DOMContentLoaded', callback)`,这个事件在文档内容可绘制时触发,此时DOM已经解析完毕:
```javascript
newWindow.addEventListener('DOMContentLoaded', function() {
// 页面已准备好执行JavaScript代码
});
```
如果需要更精确地检查是否所有资源都加载完成,可以结合使用 `window.onload` 和 `XMLHttpRequest` 来检查每个脚本、图片等元素的完成状态。
阅读全文