Events loss of focus of two objects

Question

$("#formaddnews").click(function(){ $("#formaddnewsmenu ").animate({opacity: "show"}, 500); if ($("#formaddnewsmenu").blur && $("#formaddnews").blur) {$("#formaddnewsmenu").animate({opacity: "hide"}, 500);}; });

Help with the focus!

How do I make sure that when the focus is lost by two objects, one of them hides

HTML code

 <form> <input id="formaddnews" class="formaddnews" placeholder="Добавить запись на стене" type="text"> <form> </center> </div> <div id="formaddnewsmenu" style=""> <img src="images/camera_7603.png"> <img src="images/forward_1087.png"> <img src="images/volume2_2290.png"> <div align="center" id="form_add_news_menu_bottom">Опубликовать</div>

Js script

  <script> $("#formaddnews").click(function(){ $("#formaddnewsmenu ").animate({opacity: "show"}, 500); }); $("#formaddnewsmenu").focusout(function() { $("#formaddnewsmenu ").animate({opacity: "hide"}, 500); }) </script>

Accepted Answer · 2016-11-16T23:49:48

On jQuery , using .focusout() you can track the loss of focus.

 $("#formaddnewsmenu").focusout(function() { $("#formaddnewsmenu ").animate({opacity: "hide"}, 500); })

 .inputs { float: left; margin-right: 1em; } .inputs p { margin-top: 0; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="inputs"> <p> <input id="formaddnewsmenu" type="text"> </p> </div> <div id="focus-count"></div>

$ ("# Formaddnewsmenu"). Focusout (function () {$ ("# formaddnewsmenu") .animate ({opacity: "hide"}, 500);})
Damn does not work, maybe because I do not have a form but a DIV tag of the second object.

Events loss of focus of two objects

1 answer 1

More articles: