Под «JavaScript при потере фокуса» подразумевается выполнение кода JavaScript, когда элемент теряет фокус. Это означает, что пользователь щелкает другой элемент или взаимодействует с ним, в результате чего текущий элемент теряет фокус. Вот несколько методов, которые можно использовать для достижения этой функциональности:

1. Использование атрибута события onblur. Вы можете добавить атрибут события onblurк элементу HTML, чтобы указать функцию JavaScript, которая будет запускаться, когда элемент теряет фокус. Например:

<input type="text" onblur="myFunction()">

2. Использование метода addEventListener. Вы можете использовать метод addEventListener, чтобы присоединить прослушиватель событий к событию blurэлемента. Этот метод обеспечивает большую гибкость и позволяет добавлять несколько прослушивателей событий. Вот пример:

const element = document.getElementById('myElement');
element.addEventListener('blur', myFunction);

3. Метод jQuery Blur(). Если вы используете jQuery, вы можете использовать метод blur()для привязки функции к событию blur. Вот пример:

$('#myElement').blur(function() {
  // Code to execute on blur
});

4. Использование делегирования событий. Делегирование событий включает в себя подключение одного прослушивателя событий к родительскому элементу и последующее определение целевого элемента, который инициировал событие. Этот подход полезен при динамическом добавлении или удалении элементов. Вот пример использования jQuery:

$(document).on('blur', '#myElement', function() {
  // Code to execute on blur
});

5. Событие onBlur в React: если вы работаете с React, вы можете использовать свойство события onBlurдля обработки события размытия. Вот пример:

<input type="text" onBlur={myFunction} />