我目前正致力于在我的网站上实现Froala文本编辑器。
所有这些看起来都很好,除了当我点击按钮栏div或它的子项时,contenteditablediv将不聚焦。这是一个问题,因为我将背景色应用于contenteditablediv的焦点状态。
在单击同级div的子级时,如何阻止取消选择contenteditablediv
一个视觉表现会有点像这样。。

<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();
});

10-05 22:52
查看更多