Не вызывая .focusout() при переключении

Question

текстовых

Как вы можете вывести на изображении, которое я делаю очень простой журнал-формы. В div, содержащем это, есть два обработчика событий.

$("#signInBox").focusin(function(){ 
    jQuery('#signInBox').fadeTo("slow", 1); 
}); 
$("#signInBox").focusout(function(){ 
    jQuery('#signInBox').fadeTo("slow", 0.4); 
}); 

Проблема у меня, когда я меняю от электронной почты до пароля или наоборот, это вызывает .focusout() и .focusin(). Как я могу сделать свою форму не потерять фокус при переходе от одного текстового поля к другому?

Answer 1

Проверьте, не срабатывает ли элемент зажигания в форме, используя .parent().length; залог, если да, то return ing. Смотрите этот пример для демонстрации:

$("input").focusin(function(event) { 
 
     if ($(event.target).parent('#form').length > 0) return; 
 

 
     console.log("Fired in"); 
 
    }); 
 
    $("input").focusout(function(event) { 
 
     if ($(event.target).parent('#form').length > 0) return; 
 

 
     console.log("Fired out"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <p>Part of the form - should not fire the console.log() on focusin and focusout</p> 
 
    <input type="text" /> 
 
</form> 
 

 
    <p><b>NOT</b> part of the form - <b>should</b> fire the console.log() on focusin and focusout</p> 
 
<input type="text" />