jQueryでリアルタイムに入力情報を取得、表示するには何の関数を使えばよいですか？

Question

jQueryの入力、取得などのキーワードで調べてみるのですが使いたい関数がわからないのでアドバイスをお願いいたします。

行いたいことは、テキスト項目が仮に3つあって、それぞれに入力します。
それらをリアルタイムに取得して、4つ目の全く別の項目に1つに纏めて書き写したいです。

ただし、ボタンクリックなどではなく、入力した内容をそのまま他に書き写したいイメージです。

    <input type="text" name="aaa" id="aaa">
    <input type="text" name="bbb" id="bbb">
    <input type="text" name="ccc" id="ccc">

    <br>
    <input type="text" name="xxx" id="xxx">

とても雑なソースで恐縮なのですが、仮にidがaaaとbbb、cccに入力する度に、別にあるid="xxx"のtext内に入力した内容が自動で一緒に書き込まれるイメージです。

アドバイスをお願いいたします。㎜

Answer 1

inputイベントを拾ってその時点の入力内容を必要な場所に書き込めばよいです。

【HTMLElement: input イベント - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/input_event

Comments

[yukina00235]

有難うございます。
調べてみましたが、難しそうですね…。
何とか頑張ってみますので、またご相談をさせて頂くかもしれませんがよろしくお願いいたします。_ _