javascript - 单击父对象而不是其子对象时关闭 DIV

Question

http://liveweave.com/lJu0ng

当文本框获得焦点/鼠标按下/触摸启动时，您可以更改元素字体系列。通过键入或单击聚焦时可见的气泡中的字体按钮。

我想在单击工具箱时关闭气泡，但在单击气泡(不是气泡的子项)时关闭气泡。

我该如何着手解决这个问题？

Answer 1

开始吧，使用您的最新代码:

http://liveweave.com/mvxPkl

我在字体标签中添加了 class="font"并检查 e.target 没有类 "font"

 $(".toolbox").on('mousedown touchstart', function(e) {
    if (!$(e.target).hasClass('font')){
         $(this).children().not($("input[type=text]")).hide();      
    } 

  });