Question

我有一个输入字段和一个目的地＆lt; span＆gt;。所以，我希望输入的数据同时出现在我的目的地之内＆lt; span＆gt; ...＆lt; /跨度＆GT;

button.onclick = function() {
var newEvent = document.getElementById('event');//it's my input field
var spanNewEvent = document.querySelector('dataEvent');//it's my destination place <span>...</span>
newEvent.innerHTML = spanNewEvent.innerHTML;//does not work

HTML代码：

<span class = "spanEvent" data-event= "spanEvent"></span>
<form>...<input data-type-event="text" placeholder="Event" id="event">...</form>

请帮忙！今晚一直在与它斗争太长时间。提前谢谢！

Answer 1

这将有效，你需要给你的跨度id＆＃34; dataEvent＆＃34;使它更容易：

var newEvent = document.getElementById('event');//it's my input field
var spanNewEvent = document.querySelector('dataEvent');

    newEvent.addEventListener('keyup', showthereto);

function showthereto() {
    document.getElementById('dataEvent').innerHTML = this.value;
}

Answer 2

键入的数据不会同时显示，因为您将代码放在onclick函数中，因此您必须单击按钮才能使文本显示在span中。

您还没有正确选择输入，因此要解决此问题，您需要使用var spanNewEvent = document.querySelector('#event');

此外，您还需要使用value从输入字段中获取数据，如下所示：newEvent.innerHTML = spanNewEvent.value;

Answer 3

document.getElementById("event").addEventListener("input", function() {
    document.querySelector(".spanEvent").textContent = this.value;
});

Javascript /我正在打字的是我所看到的

3 个答案: