监听文档/窗口

到目前为止，您已经与从 DOM 元素（例如 <button>）发出的事件进行了交互，但是如果您需要监听全局事件怎么办？

常见的全局事件包括 document 的 mousemove 和 window 的 scroll 事件。

Qwik 有 document: 和 window: 命名空间前缀，允许您监听全局事件。

打开浏览器的控制台，并将鼠标悬停在示例中的文本上。注意，当鼠标悬停在文本上移动时，控制台会记录鼠标位置。此记录仅在鼠标悬停在文本上移动时发生，因为事件是在 div 的 onMouseMove 事件上连接的。在此级别连接会阻止事件冒泡到元素监听器之外。

如何调整代码以始终记录鼠标位置？

通过在 onMouseMove 声明中添加 document: 前缀更改为全局监听器。

通过此更改，请注意，将鼠标移动到应用程序的任何位置（即使在文本之外）都会在控制台中显示输出。