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

问题描述

| 是否有一些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 Explorer   6/7，Safari和Opera）。 演示：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，因此理论上可以使用could1ѭ伪选择器，该伪选择器应与滚动条一起使用。我尚未在MacOS X上对其进行测试，但是您可以尝试一下。 但是，如果您想要更多的跨浏览器，请使用JavaScript基于window活动定义CSS类。请参见以下主题：有没有一种方法可以检测浏览器窗口当前是否未激活？     ,        不幸的是，据我所知，ѭ1尚未标准化，仅可用于滚动条和使用ѭ3的文本选择。您必须使用javascript来获取所需的内容。