Question

我目前正在将 Froala文本编辑器实施到我的网站中。

除了我点击button_bar div或其子女时，contenteditable div无法解开，所以看起来很不错。这是一个问题，因为我的背景颜色应用于contenteditable div的焦点状态。

如果点击兄弟div的孩子contenteditable，如何阻止div buttons取消选择？

视觉表现看起来有点像......

<div class='editor'>

    <div class="button_bar">
        <button>
        <button>
        <button>
        etc
    </div>

    <div contenteditable="true" class="content_area">
    </div>
</div>

有什么想法吗？感谢。

Answer 1

尝试使用：

SEE DEMO

$('.editor').on('click', function(e){
    if($(e.target).is('button'))
        $(this).find('div[contenteditable]').focus();
});

Answer 2

您可以在点击任何按钮后再次聚焦div。有一个小小的差距，焦点丢失，并立即恢复。

$('.button_bar button').click(function (e) {
    console.log('clicked');
    $('#content').focus(); // if we give the contendeditable div an id of 'content'
});

停止对散焦的满足

2 个答案: