3

我使用 em 标签在图像上写了一些文字。我想提供某种功能，以便当用户在文本框中键入此文本时，此文本会出现在图像上。我怀疑应该将哪个事件侦听器添加到文本框中，以便一旦更改文本框的内容，它也可以更改图像的内容。我只需要知道这可以通过事件侦听器完成还是需要更多的东西。我知道如何更改图像中的文本，但不知道如何动态更新此图像文本。希望问题很清楚

4

4 回答 4

1 
textBox.addEventListener('change', function () { ... });

如果您希望它在用户完成后出现，您可以使用：

textbox.addEventListener('blur', function () { ... });
于 2012-04-20T07:10:18.417 回答
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 回答
0

尝试 onchange() 事件监听器。我认为它会起作用

于 2012-04-20T07:09:02.817 回答