確定webkit中的窗口是否處於活動狀態

是否有一些css選擇器或類似的東西允許您將不同的樣式應用於webkit中的不活動頁面/窗口中的元素？有滾動條：http://www.webkit.org/blog/363/styling-scrollbars/ 我正在使用它來使鈦合金桌面應用程序在Mac OS X上感覺更原生。謝謝！確定webkit中的窗口是否處於活動狀態

來源

2011-05-27 penguinrob

參見：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 (/*@[email protected]*/false) { // check for Internet Explorer 
    document.onfocusin = onFocus; 
    document.onfocusout = onBlur; 
} else { 
    window.onfocus = onFocus; 
    window.onblur = onBlur; 
}

來源

2011-05-27 22:58:51 thirtydot

你會認爲會有一些可以做到的事情，有滾動條，爲什麼不是其他的東西？但感謝您的答案。 – penguinrob 2011-05-27 23:02:30

我在檢查Google後更改了我的答案。事實證明，畢竟有一種方法。對於那個很抱歉。 – thirtydot 2011-05-27 23:02:55

Schweet！謝謝，男人！ – penguinrob 2011-05-27 23:07:44

不幸:window-inactive不規範並且僅適用於使用::selection據我所知滾動條和文本選擇。你必須使用JavaScript來獲得你想要的。

來源

2011-05-27 23:06:56 pthurlow

謝謝，我認爲onBlur和onFocus會爲我工作。 – penguinrob 2011-05-27 23:10:13

由於您只關注WebKit，因此您可能會使用:window-inactive僞選擇器，該選擇器應該適用於滾動條。我沒有在MacOS X上測試過它，但你可以試試它。

但是，如果您想要更多的跨瀏覽器，請使用JavaScript根據窗口活動定義CSS類。看到這個帖子：Is there a way to detect if a browser window is not currently active?

來源

2011-05-27 23:11:28

我沒有注意到你已經鏈接的問題。它的答案和我在這裏的回答完全一樣。好吧。 – thirtydot 2011-05-27 23:16:30

確定webkit中的窗口是否處於活動狀態

回答

相關問題