确定webkit中的窗口是否处于活动状态

Determine if window is active in webkit

本文关键字：活动状态 是否 窗口 webkit 确定      更新时间：2023-09-26

是否有一些css选择器或类似的东西允许您将不同的样式应用于webkit中非活动页面/窗口中的元素？滚动条有：http://www.webkit.org/blog/363/styling-scrollbars/我用这个让Titanium桌面应用程序在Mac OS X上感觉更原生。谢谢

请参阅：http://www.thefutureoftheweb.com/blog/detect-browser-window-focus

这些活动适用于各大赛事浏览器（Firefox、Internet Explorer6/7，Safari&歌剧）。

演示：http://www.thefutureoftheweb.com/demo/2007-05-16-detect-browser-window-focus/

function onBlur() {
    document.body.className = 'blurred';
};
function onFocus(){
    document.body.className = 'focused';
};
if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}

由于您只关注WebKit，因此理论上可以使用:window-inactive伪选择器，它应该与滚动条一起使用。我还没有在MacOSX上测试过，但你可以试试

但是，如果您想要更跨浏览器的东西，可以使用JavaScript根据窗口活动定义一个CSS类。请参阅此线程：是否有方法检测浏览器窗口当前是否处于非活动状态？

不幸的是，:window-inactive不是标准化的，据我所知，它只适用于使用::selection的滚动条和文本选择。你必须使用javascript才能得到你想要的东西。

相关文章：