我试图在contenteditable div中按空格按钮时将标签添加到contenteditable。 问题是它只是添加了bdi标签而我无法写入其中,所以如果我这样做:
document.execCommand('insertHTML',false,'<bdi></bdi>)
没什么用的......
我试图将带有innerHTML的bdi添加到contenteditable div但是插入符号跳到了contenteditable div的开头,我仍然无法在bdi标签内写入。 基本上我尝试做的是在按空格键时添加bdi标签并在当前行中写入。
我的完整代码:
<html>
<head>
</head>
<body>
<div id="contenteditablediv" contenteditable="true"></div>
<script language="JavaScript">
var contenteditable = document.getElementById("contenteditablediv");
contenteditable.onkeyup=function(event){
if (event.keyCode==32) {
contenteditable.innerHTML+='<bdi><bdi>'
}
}
</script>
</body>
</html>