0

Есть код с событием 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>

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

2
  • api.jquery.com/focusin «This is distinct from the focus event in that it supports detecting the focus event on parent elements (in other words, it supports event bubbling)»
    – Alexey Ten
    Commented 27 июн. 2018 в 14:43
  • В вашем примере разницы нет. В примере в документации focusin вешается на тег p, при этом никакого события focus у него не бывает.
    – Alexey Ten
    Commented 27 июн. 2018 в 14:45

1 ответ 1

0

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.