窗口事件

1.窗口事件属性：

window.onfocus = function(){ // 窗口获取焦点事件};

window.οnblur= function(){ // 窗口失去焦点事件};

2.窗口事件适用范围：

关闭窗口：

js关闭浏览器窗口，不弹出提示框。支持ie6+，火狐，谷歌等浏览器

火狐默认不支持js关闭浏览器窗口，可以在about:config中将dom.allow_scripts_to_close_windows改为true。

检查关闭窗口事件：

js检查浏览器关闭或刷新事件，主动弹出提示框。支持ie6+，火狐，谷歌等浏览器。

3.代码展示:

 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
    window.onload=function () {     //window.onload加了这个最后才执行，script也可以放到前面了,一般用不上
        var box=document.getElementById('box')
        console.log(box)
        box.onclick=function () {
            console.log("我被点击了")
        }
    }
</script>
</head>
<body>
<div id="box">hhhhhhhh</div>
</body>
</html>
 
posted @ 2021-12-26 14:48  Heroes13  阅读(98)  评论(0)    收藏  举报