javascript - 使用onkeydown配合JS函数改变contenteditable

Question

我看到了一些关于使用 JS 更改 contenteditables 的问题，但它们对我来说都没有多大意义，所以

我有一个 HTML 片段

<div id="input" contenteditable="true" onkeydown="checkEnter()"></div>

然后我将 JS 脚本链接到 HTML 正文的末尾

<script src='js/jscript.js'></script>

对应的JS函数是

function checkEnter() {
  if (this.keyCode == 13) {
    this.setAttribute("contenteditable", false);
  }
}

基本上，用户应该能够输入文本，并且按下 Enter 键后文本将不再可编辑。

Answer 1

您可能不明白这是什么。

您需要将事件传递给函数:

function checkEnter(e) {
  if (e.keyCode == 13)
    e.target.setAttribute("contenteditable", false);

}

#input {
  width: 250px;
  height: 100px;
  border: solid 1px
}

<div id="input" contenteditable="true" onkeydown="checkEnter(event)"></div>