我目前正致力于在我的网站上实现Froala文本编辑器。
所有这些看起来都很好,除了当我点击按钮栏div
或它的子项时,contenteditable
div
将不聚焦。这是一个问题,因为我将背景色应用于contenteditable
div
的焦点状态。
在单击同级div的子级时,如何阻止取消选择contenteditable
div
?
一个视觉表现会有点像这样。。
<div class='editor'>
<div class="button_bar">
<button>
<button>
<button>
etc
</div>
<div contenteditable="true" class="content_area">
</div>
</div>
有什么想法吗?谢谢。
最佳答案
尝试使用:
SEE DEMO
$('.editor').on('click', function(e){
if($(e.target).is('button'))
$(this).find('div[contenteditable]').focus();
});