如何捕获整个浏览器窗口的模糊和焦点？

Question

我想捕捉实际浏览器窗口的模糊和焦点 - 这意味着将焦点更改为子帧不感兴趣.

目前我一直在使用 $(top).focus() $(top).blur()

和 $(window).focus() $(window).blur()

但是,当用户将焦点更改为嵌入式iframe时,这些会触发,这是我不想要的.

有谁知道捕获TRUE激活和停用窗口的方法？

[编辑]

当用户从网页移动到嵌入式iframe的网页时,模糊和聚焦事件将触发.这与"窗口激活"事件不同,"事件激活"事件仅在实际的BROWSER窗口(或选项卡)被带到前面或被发送(即,更改或最小化)时触发.

我对模糊不感兴趣,因为用户导航到嵌入式框架的事实对程序没有影响.但是,如果用户最小化窗口,更改选项卡或切换到另一个程序,我想知道它...

Answer 1

如果您不关心在 iframe 内捕获鼠标事件，您可以将此 css 添加到 iframe 元素中：

pointer-events:none;

这指示鼠标事件“穿过”该元素并瞄准该元素“下方”的任何内容。

但请注意，浏览器之间的此功能兼容性可能会受到限制，甚至那些实现它的人也可能会采取不同的做法。该声明被推迟到 CSS4 草案，因为它在各种浏览器实现中存在大量问题（根据 MDN - 在此处阅读更多内容： https: //developer.mozilla.org/en/CSS/pointer-events）