防止内容可编辑地使用纯JavaScript而不是jQuery在输入时添加div

Question

防止内容可编辑 使用纯 JavaScript NOT jQuery 在输入时添加div

像这个例子 http://jsfiddle.net/uff3M/

但我在javascript中需要它，而不是jQuery

我解决了我的问题谢谢大家

function enterToBr(e){
var evt = e || window.event;
var keyCode = evt.charCode || evt.keyCode;
if(keyCode==13){
document.execCommand('insertHTML', false, '<br>');
return false;
}
}

div{
border:1px black solid;
padding:10px;
}

<div contenteditable="true" id="container" onkeydown="enterToBr()">
When Enter it's create new div inside container , but I need when user press enter key create new br not new div
</div>

Answer 1

看起来您仍然需要做的就是正确阻止事件的默认操作 - 在这种情况下，仅return false不会这样做。

您需要将此返回值沿用于添加处理程序函数的 HTML 属性内的链向上传递，

onkeydown="return enterToBr()"

或者您使用适当的方法阻止它，

if(keyCode==13){
document.execCommand('insertHTML', false, '<br>');
evt.preventDefault();
}

Answer 2

function enterToBr(e){
var evt = e || window.event;
var keyCode = evt.charCode || evt.keyCode;
if(keyCode==13){
document.execCommand('insertHTML', false, '<br>');
}
}

div{
border:1px black solid;
padding:10px;
display: inline-block;
}

<div contenteditable="true" id="container" onkeydown="enterToBr()">
When Enter it's create new div inside container , but I need when user press enter key create new br not new div
</div>

Answer 3

你也可以这样做。

将display: inline-block;添加到您的div：

div{
display: inline-block;
}