Svelteでe.target.valueを使用する方法

まず、Svelteコンポーネント内でイベントハンドラを作成します。例えば、以下のようなテキスト入力フィールドを持つコンポーネントがあるとします。

<script>
  let inputValue = '';
  function handleChange(event) {
    inputValue = event.target.value;
  }
</script>
<input type="text" on:input={handleChange} value={inputValue} />

上記のコードでは、handleChange関数がon:inputイベントにバインドされています。入力フィールドの値が変更されるたびに、handleChange関数が呼び出されます。

event.target.valueは、イベントが発生した要素の値を取得するために使用されます。上記の例では、inputValue変数に入力フィールドの値が代入されます。

このようにして、Svelteでe.target.valueを使用して入力フィールドの値を取得することができます。異なる要素のイベントハンドリングにも同様の方法が適用されます。