当我点击页面时，所有文本框都必须最小化答案

【问题标题】：When I click on page all the text boxes must be minimize当我点击页面时，所有文本框都必须最小化
【发布时间】：2016-01-22 05:57:05
【问题描述】：

我正在对文本框使用焦点，当我点击第二个框时，第一个框将最小化，第二个框将最大化，我将在填充文本后上传该框中的所有文本，我将点击页面上的所有文本框必须最小化，所以请告诉我当我点击文本框旁边的空白时如何隐藏该页面中提到的所有文本框。

我使用 pagewrapper 来隐藏，但它不起作用，所以请帮助我。

【问题讨论】：

好吧，这很蹩脚..请发布一些努力，代码，plunker，jsFiddle 或阅读stackoverflow.com/help/mcve

标签： javascript jquery angularjs jquery-ui

【解决方案1】：

$(yourParentSelector).focusout(function(){
   toggleYourBox(off);
});

$(yourBox).focus(function(){
   toggleYourBox(on);
});

你可以在每个盒子上绑定这个函数，也可以只在父部分上绑定这个函数

【讨论】：

【解决方案2】：

可能有 n 个没有。文本框，因此您需要处理每个文本框的模糊。所以你应该使用body click

$("body").on("click",function(event){
    var $element = $(event.currentTarget);
   if($element.attr("type") !== "text"){
     // write your code
   }
})

【讨论】：

如果您告诉他们为什么您认为body [on]click 是正确答案（而不是，例如input [on]blur 或[on]focusout），这将是一个更好的答案
@santosh - 如果这解决了你的问题，那么请将其标记为已回答，这样它也可以帮助其他人。