JavaScript onKeyPress 分配字符串

Question

我正在尝试使用 JavaScript 将 onKeyPress 事件添加到动态创建的 html 元素中。实际上，添加了元素，分配了 id，并添加了 innerHTML，但是 onmouseover、onmouseout 和 onKeyPress (最后第二行)事件不会添加到元素中。最后一行 (.focus()) 确实有效。

代码:

function newParagraphAfter(elem)
{
blockElemId++;
newPara = document.createElement("p");
newPara.id = 'block_' + blockElemId;
newPara.contentEditable = 'true';
newPara.onmouseover = "this.style.border='1px dashed white';";
newPara.onmouseout = "this.style.border='none';";
newPara.innerHTML = "Edit Here!";
elem.parentNode.insertBefore(newPara, elem.nextSibling);
document.getElementById('block_' + blockElemId).onKeyPress = "return editKeypress(this, event)";
document.getElementById('block_' + blockElemId).focus();
}

非常感谢任何帮助。

Answer 1

我不认为你可以将字符串分配给事件处理程序 - Javascript 可以强制数据，但不能达到这种程度。您需要做的是将代码编写为函数，然后将该函数分配给事件处理程序