Question

所以我无法注册更改或输入事件，这些事件允许我抓取刚刚更改的数据并将其应用到其他地方......

document.getElementById("fI").addEventListener("input", blabla);
function blabla() {
  var something = document.getElementById("fI").innerHTML;
  document.getElementById("example2").innerHTML = something+" continue the rest of the script here";
}

此代码无法执行，我无法从文档中找出原因...

编辑：

这是页面上唯一的HTML，我现在正在调试

<textarea id="fI"></textarea>
<button type="button" id='pressMe'>Press Me</button>
<textarea id="example2"></textarea>

我还使用<p>作为已更改innerHTML的收件人

我已经在这个代码上测试了这段代码，就像这样，并且它没有工作，但是我也试图将代码连接到此事件监听器<\ n / p>

document.getElementById("pressMe").addEventListener("click",doSomething);
function doSomething () {
  var something = prompt("Please enter something", "something");
  if (something !== null) {
    document.getElementById("fI").innerHTML = something;
  }
}

Answer 1

您没有正确检索textarea的值。你应该使用.value而不是.innerHTML

 var something = document.getElementById("fI").value;

http://jsfiddle.net/6pL8qony/

Answer 2

使用.value获取/设置textarea元素的内容。您使用的是.innerHTML。

document.getElementById("pressMe").addEventListener("click", doSomething);

function doSomething() {
    var something = prompt("Please enter something", "something");
    if (something !== null) {
        document.getElementById("fI").value = something;
    }
}

document.getElementById("fI").addEventListener("input", blabla);

function blabla() {
    var something = document.getElementById("fI").value;
    document.getElementById("example2").value = something;
}

<textarea id="fI"></textarea>
<button type="button" id='pressMe'>Press Me</button>
<textarea id="example2"></textarea>

更改和输入事件

2 个答案: