При вводе любого символа в input через 0.3 сек срабатывал submit?

Question

[Vitalii_Logvinenko]

допустим есть скрипт

<script>
const search_input = document.getElementById('search-input');
</script>

что прописать что бы при вводе пользователем любого символа в этот input через 0.3 сек срабатывал submit?

Comments

[Павел]

вот прямо средней сложности задача, да?

[Vitalii_Logvinenko]

Павел, я думал лёгкий строчку кода прописать

[Vitalii_Logvinenko]

Павел, я вообще смотрю здесь по JS и AJAX ответов почти нет, либо такие ответы что мне как бэкэндщику нужно самому всё гуглить

[Павел]

Vitalii_Logvinenko, это же даже для бекенда гуглится за 2 минуты

js выполнение события
js задержка времени

[Vitalii_Logvinenko]

Павел, выполнение события при вводе данных без нажатия enter или кнопки submit, скинь ссылку на инфу

[Vitalii_Logvinenko]

Павел, я походу как обычно нашёл сам https://learn.javascript.ru/events-change-input

[Павел]

Vitalii_Logvinenko,
https://developer.mozilla.org/ru/docs/Web/API/Elem...

я походу как обычно нашёл сам

сложный вопрос да? 10 минут учения js

Answer 1

[Надим]

Примерно так:

const search_input = document.querySelector('#search-input');

search_input.addEventListener('input', function() {
    
    setTimeout(function() {
    
        document.querySelector('#тут_айди_формы').submit()

    }, 300); 
   
});

Comments

[Vitalii_Logvinenko]

Огромнейшее Спасибо!

[Vitalii_Logvinenko]

Надим Закиров а как сделать что бы не при клике срабатывало а при вводе текста?

[Надим]

Vitalii_Logvinenko, я поправил. См. ответ.

[Vitalii_Logvinenko]

Надим Закиров, блин сорри та это я баран не далекий в JS повторялись имена констант по этому и не работало