>我用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() 事件侦听器。我认为它会起作用