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