Вот несколько способов проверить, является ли event.targetэлементом ввода в JavaScript:
-
Метод 1: использование свойства
tagName.if (event.target.tagName === 'INPUT') { // Code to execute if event.target is an input element } -
Метод 2: использование оператора
instanceof.if (event.target instanceof HTMLInputElement) { // Code to execute if event.target is an input element } -
Метод 3: проверка свойства
nodeName.if (event.target.nodeName === 'INPUT') { // Code to execute if event.target is an input element } -
Метод 4. Использование свойства
isContentEditable.if (event.target.isContentEditable) { // Code to execute if event.target is an input element } -
Метод 5: использование свойства
type.if (event.target.type === 'text' || event.target.type === 'password' || event.target.type === 'email') { // Code to execute if event.target is an input element } -
Метод 6. Использование метода
matchesс селектором CSS.if (event.target.matches('input')) { // Code to execute if event.target is an input element } -
Метод 7. Использование метода
closestдля проверки того, является ли цель или ее предок входным элементом.if (event.target.closest('input')) { // Code to execute if event.target is an input element or its ancestor is an input element } -
Метод 8: использование свойства
nodeNameи сравнение со строкой «input» в нижнем регистре.if (event.target.nodeName.toLowerCase() === 'input') { // Code to execute if event.target is an input element }