onChangeとonInputChange

1.引数
onChange
onInputChange

2.event
eventを利用することで、さらに詳細な条件分岐が可能。
例えば、event.typeを使って「入力が発生したとき」や「選択が発生したとき」などを判定できる。また、event.targetで具体的なターゲット要素を取得して操作内容に応じた処理を行える。

3.value
型の変更はonChangeのみ
onInputChangeは手入力の値のため、string固定

4.reason
onChange
• "select-option": リストから項目が選ばれた。
• "remove-option": 項目がリストから削除された。
• "clear": 選択内容がクリアされた。
onInputChange
• "input": ユーザーが入力した。
• "reset": 入力フィールドがリセットされた。
• "clear": 入力内容がクリアされた