クリックしたテキストを入力テキストボックスに移動

アベイシン

HTMLに特定のテキスト要素があります。クリックしたテキスト要素を特定の入力テキストボックスに移動する必要があります。問題は画像で説明されています

ページ上(特定の区分内)にテキストがあり、テキストをクリックすると、入力ボックス内に移動するはずです。

サイバーサム

これonclickにより、「foo」クラス(クリック可能inputs)を持つすべての要素にハンドラーが追加されますハンドラーは、クリックされたテキストをout要素内の既存のテキストの最後に追加しout要素が空でない場合はその前にスペース文字を付けます。

const outElem = document.getElementById("out");
for (let f of document.getElementsByClassName("foo")) {
  f.onclick = (e) => {
    outElem.value += (outElem.value ? ' ' : '') + e.target.value;
  }
}
<input class="foo" id="t1" value="text1"><input class="foo" id="t2" value="text2"><input class="foo" id="t3" value="text3"><br>
<textarea id="out"></textarea><br>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

クリックすると入力テキストボックスが移動します

分類Dev

onclick入力ボックスにテキストを入力

分類Dev

テキストボックスに自動入力テキストを作成して呼び出す方法

分類Dev

[送信]を押すたびに、入力テキストボックスでテキストを変更したい

分類Dev

C#動的に作成されたリッチテキストボックスの入力を確認する

分類Dev

テキストボックスのカーソルは、クリックした場所に移動します

分類Dev

チェックボックスとjsを使用したテキスト入力

分類Dev

テキストボックスからの入力を組み合わせて、別のテキストボックスに自動入力します

分類Dev

入力テキストボックスの値をangularjsに送信するには、テキストボックスをクリックしますか?

分類Dev

テキストボックスにテキストなしで入力なし

分類Dev

イベントの入力後、カーソルを別のテキストボックスに移動-VBA

分類Dev

Angular2-テキストボックスに入力した値の削除/キャンセルテキストを表示し、テキストの削除/キャンセルをクリックして入力フィールドをクリアします

分類Dev

入力テキストボックスが新しい行に移動します

分類Dev

テキストボックスを右に移動する方法

分類Dev

テキストボックスを右に移動する方法

分類Dev

送信ボタンをクリックした後、h1を入力ボックス内のテキストユーザー入力に変更したい

分類Dev

テキストボックス部分に入力されたコンボボックステキストをクリアする

分類Dev

テキストボックスに入力された値をAPIリクエスト値に渡す方法は?

分類Dev

入力を無効にし、テキストボックスのクリックを許可する

分類Dev

テキストボックスにFindControlを入力する

分類Dev

テキストボックスにテキストを入力するときに、テキストの最初の文字を自動的に大文字にします

分類Dev

geckofxのテキストボックスに日付を自動入力する

分類Dev

テキストボックスにIDを挿入した後、[テキストボックスに入力]をクリックして、ajax phpsqlを使用してフォームにデータを入力します

分類Dev

テキストボックスの入力を別のテキストボックスに自動的にコピーします

分類Dev

PowerShellGUIのテキストボックスにテキストを動的に入力する

分類Dev

ボタンをクリックすると、チェックボックスとテキストが左または右に移動します

分類Dev

テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

分類Dev

テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

分類Dev

テキストボックスに入力された値に基づいてJavaScriptを使用して複数のテキストボックスを開く

Related 関連記事

  1. 1

    クリックすると入力テキストボックスが移動します

  2. 2

    onclick入力ボックスにテキストを入力

  3. 3

    テキストボックスに自動入力テキストを作成して呼び出す方法

  4. 4

    [送信]を押すたびに、入力テキストボックスでテキストを変更したい

  5. 5

    C#動的に作成されたリッチテキストボックスの入力を確認する

  6. 6

    テキストボックスのカーソルは、クリックした場所に移動します

  7. 7

    チェックボックスとjsを使用したテキスト入力

  8. 8

    テキストボックスからの入力を組み合わせて、別のテキストボックスに自動入力します

  9. 9

    入力テキストボックスの値をangularjsに送信するには、テキストボックスをクリックしますか?

  10. 10

    テキストボックスにテキストなしで入力なし

  11. 11

    イベントの入力後、カーソルを別のテキストボックスに移動-VBA

  12. 12

    Angular2-テキストボックスに入力した値の削除/キャンセルテキストを表示し、テキストの削除/キャンセルをクリックして入力フィールドをクリアします

  13. 13

    入力テキストボックスが新しい行に移動します

  14. 14

    テキストボックスを右に移動する方法

  15. 15

    テキストボックスを右に移動する方法

  16. 16

    送信ボタンをクリックした後、h1を入力ボックス内のテキストユーザー入力に変更したい

  17. 17

    テキストボックス部分に入力されたコンボボックステキストをクリアする

  18. 18

    テキストボックスに入力された値をAPIリクエスト値に渡す方法は?

  19. 19

    入力を無効にし、テキストボックスのクリックを許可する

  20. 20

    テキストボックスにFindControlを入力する

  21. 21

    テキストボックスにテキストを入力するときに、テキストの最初の文字を自動的に大文字にします

  22. 22

    geckofxのテキストボックスに日付を自動入力する

  23. 23

    テキストボックスにIDを挿入した後、[テキストボックスに入力]をクリックして、ajax phpsqlを使用してフォームにデータを入力します

  24. 24

    テキストボックスの入力を別のテキストボックスに自動的にコピーします

  25. 25

    PowerShellGUIのテキストボックスにテキストを動的に入力する

  26. 26

    ボタンをクリックすると、チェックボックスとテキストが左または右に移動します

  27. 27

    テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

  28. 28

    テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

  29. 29

    テキストボックスに入力された値に基づいてJavaScriptを使用して複数のテキストボックスを開く

ホットタグ

アーカイブ