useOn() / useOnDocument() / useOnWindow() - プログラムによるリスナー
アプリが条件付きリスナーを追加する必要がある場合があります。リスナー名が不明な場合や、リスナーを設定するために命令的なアプローチを使用する必要がある場合があります。
Qwikは、リスナーをアタッチするための以下の関数を提供します
| 関数 | 説明 |
|---|---|
useOn() | 現在のコンポーネントのルート要素でイベントをリッスンします。 |
useOnDocument() | documentオブジェクトでイベントをリッスンします。 |
useOnWindow() | windowオブジェクトでイベントをリッスンします。 |
あなたのタスク：コンポーネントでクリックリスナーを設定し、
alert('Hello world!')を呼び出してください。
$について
$関数は、Qwikに参照を遅延ロードするように指示します。useOnでリスナーを設定する場合、2番目の引数はQwik URLです。
Qwik URL (QRL) は、コードへの遅延ロード可能な参照です。useOnがQRLではなく関数を直接受け取った場合、リスナークロージャを割り当てるために積極的に実行する必要がありました。$関数を介してQRLを使用することで、Qwikはclickリスナーがトリガーされた場合にのみクロージャを遅延ロードできます。