Javascript 单击div容器外部时聚焦

我有一小段代码，我想知道当我点击outside

div class=“gutte”

这个div应该是go focusout时该怎么做。当我在

div class=“gutte”

（或

）之外单击时，我将代码片段向下，而这不是焦点，并且我无法使用

输入类型[text]

。当我点击btn1

div class=“gutte”

focus时，我点击了另一个部分（在输入类型文本中），它会变成focusout。。我怎么能这样做？我正在使用jQuery框架

var tt=$.noConflict（）；
tt（文档）.ready（函数（$）{
$（“.qta”）.focus（函数（）{
$（“.gutt”）.css({
“显示”：“内联块”
});
$（“.gutte”）.addClass（'grandisciti'）；
});
$（“.gutte”）.focusout（函数（）{
$（“.gutt”）.css({
“显示”：“无”
});
$（“.gutte”）.removeClass（'grandisciti'）；
});
});
正文{
宽度：100%；
身高：100%；
背景色：#c1c2c3；
}
古特先生{
框大小：边框框；
位置：相对位置；
显示：块；
宽度：550px；
高度：50px；
背景色：#fff；
颜色：#000；
边际：0px；
填充：0px；
左边缘：32%；
边缘顶部：30px；
衬垫顶部：2.5px；
左侧填充：1px；
垫底：2件；
边界半径：10px；
边界半径：10px；
文本对齐：居中；
}
.ati{
框大小：边框框；
位置：静态；
显示：内联块；
宽度：105px；
高度：45px；
边际：0px；
填充：0px；
填充：0px 10px；
边界：无；
背景色：#ccc；
/*边框：2个实心#ccc*/
边界半径：10px；
大纲：无；
光标：指针；
过渡：0.8s全部；
字体大小：120%；
颜色：#000；
}
格朗迪西蒂先生{
宽度：600；
高度：300px；
-webkit盒阴影：2px2p5px6pxRGBA（0,0,0,0.5）；
-moz盒阴影：2px2p5px6pxrgba（0,0,0,0.5）；
盒影：2p2px5px6pxRGBA（0,0,0,0.5）；
}
格特先生{
显示：无；
宽度：530px；
利润率：10px；
背景色：#000；
}
特雷夫先生{
显示：内联块；
宽度：80%；
高度：100px；
调整大小：无；
大纲：无；
填充：10px；
利润率：15px；
边框：5px实心#ccc；
}

身体
btn1
btn2
bt3
当您在一个元素中聚焦时，任何聚焦的元素都会聚焦，然后目标元素会聚焦。请参阅此示例以更好地理解


$（“输入”）.focus（函数（）{
console.log（this.name+“聚焦”）；
}).blur（函数（）{
console.log（this.name+“模糊”）；
});

你能按照我的要求编写一段代码吗？我告诉你的代码片段（我已经尝试了所有这些方法，但这些方法都不起作用。）以及为什么你否决我，我尽力解释我的代码：模糊和聚焦输出行为不同：模糊只适用于对象本身，聚焦输出冒泡：如果你的某个输入字段没有聚焦，包含的DIV还触发focusout事件。not work。当你点击文本区域时，它会变成foucust