JavaScript判断div是否离开浏览器窗口并修改样式

你可以使用JavaScript中的window对象的blur和focus事件来判断某个div是否离开浏览器窗口。\n\n首先，给你想要监听的div添加一个唯一的id，例如myDiv。\n\n然后，可以使用以下代码来判断div是否离开浏览器窗口：\n\njavascript\nvar div = document.getElementById('myDiv');\n\nwindow.addEventListener('blur', function() {\n // 当浏览器窗口失去焦点时，执行代码\n div.classList.add('newClass');\n});\n\nwindow.addEventListener('focus', function() {\n // 当浏览器窗口重新获得焦点时，执行代码\n div.classList.remove('newClass');\n});\n\n\n在上述代码中，blur事件表示浏览器窗口失去焦点，focus事件表示浏览器窗口重新获得焦点。当浏览器窗口失去焦点时，会将newClass添加到div的class列表中，当浏览器窗口重新获得焦点时，会将newClass从div的class列表中移除。\n\n请注意，这个代码只能在浏览器环境下使用，无法在非浏览器环境下运行。