Question

我正在尝试使用onkeyup事件基于div contenteditable元素的另一个文本绑定div元素文本值，如下所示：

var input = document.getElementById('editor');

    input.onkeyup = function() {
  document.getElementById('console').innerHTML = input.text;
  }

这是我的标记：

<div id="editor" contenteditable>text here</div>

<div id="console"></div>

或者这是demo

但它不起作用。我希望在<div id="console"></div>

上直接更改我们在该contenteditable div元素上输入的任何文字

我很抱歉给你一个令人困惑的解释，希望你们理解我的问题，我的问题是如何解决这个问题？或任何想法？

Answer 1

问题是input.text。 HTML元素没有名为text的属性，因此当您获得该值时，它会undefined。也许你想要innerText？

＆＃13;

var input = document.getElementById('editor');

input.onkeyup = function() {
  console.log(input.innerText)
  document.getElementById('console').innerHTML = input.innerText;
}

＆＃13;

<div id="editor" contenteditable>Type here</div>

<div id="console"></div>

＆＃13;

HTML contenteditable元素上的onkeyup事件返回undefined

1 个答案: