3

emタグを使用して、画像にテキストを書き込みました。ユーザーがテキストボックスに入力すると、このテキストが画像に表示されるような機能を提供したいと思います。テキストボックスの内容を変更するとすぐに画像の内容も変更できるように、どのイベントリスナーをテキストボックスに追加する必要があるのか​​疑問です。これはイベントリスナーで実行できるか、さらに何かが必要かを知る必要があります。画像のテキストを変更する方法は知っていますが、この画像のテキストを動的に更新する方法がわかりませんでした。質問で明確になることを願っています

4

4 に答える 4

1

これを試して:

<html>
  <body>
    <input type="text" id="submit"/>
    <em id="toChange" >asd</em>
  </body>
</html> 

jQueryは次のとおりです。

$('#submit').change(function() {
   $('#toChange').text( $('#submit').val());  
});

またはこのjsFiddleを使用します

于 2012-04-20T07:22:36.010 に答える
1

純粋な JavaScript を使用する別の方法を次に示します。

テキストボックスに追加onkeyupし、提供した関数を呼び出します。

<input type="text" id="tbMain" onkeyup="keyup();">

キーを上に押すと、呼び出しますfunction keyup()

詳しくはこちらをご覧ください。

于 2012-04-20T07:30:56.390 に答える
1
textBox.addEventListener('change', function () { ... });

ユーザーが終了した後に表示する場合は、次を使用できます。

textbox.addEventListener('blur', function () { ... });
于 2012-04-20T07:10:18.417 に答える
0

onchange() イベントリスナーを試してください。うまくいくと思います

于 2012-04-20T07:09:02.817 に答える