В чем разница между jQurey событиями focusin и focus

199

08 августа 2018, 03:00

Есть код с событием focusin который по мне делает тоже самое что и событие focus, не могу понять в чем разница.

<input id="one" type="text" placeholder="one" > 
<input  id="two" type="text" placeholder="two"> 
 
 
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<script> 
    //Focus Event 
   $('#one').on('focus', function() { 
      console.log('focus'); 
   }); 
   //Focus in Event 
   $('#two').on('focusin', function() { 
      console.log('focusin'); 
   }); 
    
   
</script>

Есть ли какие то глубокие различия в этих событиях ?

Answer 1

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