使用CSS按Enter时,如何使contenteditable
失去焦点?
/* don't break lines on content editable */
[contenteditable] br {
display: none;
}
/* unfocus on enter */
[contenteditable] br:focus {
pointer-events: none;
}
我可以通过以下方式使用Javascript完成此操作:
<span contenteditable="true" onkeydown="my_function(this)">My Content</span>
function my_function(elm) {
if (event.keyCode === 13)
elm.blur()
}