useOn() / useOnDocument() / useOnWindow() - 编程监听器
有时您的应用程序需要添加条件监听器。有时监听器名称未知,或者您需要使用命令式方法来设置监听器。
Qwik 提供以下 函数 来附加监听器
| 函数 | 描述 |
|---|---|
useOn() | 监听当前组件根元素上的事件。 |
useOnDocument() | 监听 document 对象上的事件。 |
useOnWindow() | 监听 window 对象上的事件。 |
您的任务:在组件上设置一个点击监听器,以调用
alert('Hello world!')。
了解 $
$ 函数指示 Qwik 延迟加载引用。在使用 useOn 设置监听器时,第二个参数是 Qwik URL。
Qwik URL (QRL) 是对您代码的延迟加载引用。如果 useOn 直接使用函数而不是 QRL,则它必须急切地执行以分配监听器闭包。通过使用 $ 函数通过 QRL,Qwik 可以在触发 click 监听器时延迟加载闭包。