Как активировать функцию после ввода символа @?

72
10 июня 2021, 05:50

Как активировать определённую функцию только после того как в определённое поле input введём символ @ ? Если такое вообще реально. Спасибо.

Answer 1

Это будет самый простой пример, но возможностей для кастомизации и каких-то особых кейсов полным полно)

const input = document.getElementById('input'); 
 
const invokeMeAfterSymbol = () => { 
  console.log('You input @'); 
} 
 
input.oninput = event => { 
  const {value} = input; 
  if(value[value.length - 1] === '@') { 
    // Здесь вызываем вашу функцию 
    invokeMeAfterSymbol(); 
  } 
}
<input id='input'>

Answer 2

 document.querySelector('.input') 
    .addEventListener('input', (e)=> { 
        const t = e.target; 
        /\@/.test(t.value) && alert('true') 
    }, false)
<input class="input" />

Answer 3

Если я правильно понял то что-то подобное:

JS

function inputHandler (event){
  let q = event.target.value;
  return q.indexOf('@') > -1;
}

HTML

<input onchange='inputHandler()'/>

Возвращает boolean если @ в input

READ ALSO
Фото/видео Галерея
CSS

Фото/видео Галерея

С помощью какой галереи лучше всего реализовать данную задачу? Показывается главное фото, снизу миниатюры + стрелки для переключения фото

 112
Следует ли интерфейсу состоять только из чистых виртуальных методов?
c++

Следует ли интерфейсу состоять только из чистых виртуальных методов?

Является ли хорошей практикой добавлять в интерфейс методы с имплементацией, которая основана поверх других методов этого интерфейса? Например:

 88
Как разбить строку на слова C++ (Arduino)
c++

Как разбить строку на слова C++ (Arduino)

На вход мы должны дать "test=qwerty" разделить нужно по = Например split("test=qwerty","=") на выходе должны получить массив ["test","qwerty"]

 99
В чём отличие функции от метода в C++?
c++

В чём отличие функции от метода в C++?

На пути обучения C++ столкнулся с такими понятиями, как методы и функции и, собственно, не нахожу отличий между нимиОписываются они одинаково...

 113