在 html 中更新图像上的文本



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

这是使用纯javascript的另一种替代方法。

在文本框中添加onkeyup并调用您提供的函数。

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

当按下键时,它会调用function keyup()

在此处查看更多信息。

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

如果您希望它在用户完成后显示,则可以使用:

textbox.addEventListener('blur', function () { ... });

试试这个:

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

jQuery是:

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

或者使用这个jsFiddle

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

相关内容

  • 没有找到相关文章

最新更新