我的可编辑容器中有一个div,当我按Enter键时,该div重复项结束了,最后得到两个div,一个在另一个顶部。容器的contenteditable为true,这可能是导致此问题的原因。但是无论如何我可以防止这种情况
<div class="singlediv"></div>
与CSS
.singlediv {
border-color: rgb(155, 196, 243);
border: dotted 1px;
width: 100%;
padding: 10px;
min-height: 75px;
}
您可以在js中使用以下功能:-
const handleEnter=(e)=>{
if(e.keyCode===13)
{
e.preventDefault();
}
}
而且您的html将是-
<div contenteditable="true" onkeypress="handleEnter(event)">
<div class="singlediv"></div>
</div>
该功能handleEnter
可确保在具有.contentEditable
属性的div上按Enter键时防止默认行为。的关键代码Enter key
是13。
这更像是一个hack。如果可以防止使用内部div,则可以这样做。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句