powered by simpleCommunicator - 2.0.48     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как обработать событие button type=search c помощью js или jquery
4 сообщений из 4, страница 1 из 1
как обработать событие button type=search c помощью js или jquery
    #40057332
boltachev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: html
1.
2.
3.
4.
    <form >
        <input id="find_txt" type='search' name='find'  /> 
        <input id="find_btn" type='button' value='Найти'   />
    </form>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
    $("#find_txt").keyup(function(event) {
        if (event.keyCode === 13) {
            
            location.href = endpoint + "/" + encodeURI(document.getElementById('find_txt').value);
        }

    });



Срабатывает в 50% случаях правильно, или выкидывает что-то похожее на "?find=олывмлывмы", т.е. как должно работать по submit.
Проболал добавить
Код: javascript
1.
return false;

в тело функции - тоже самое; атрибут onsearch у меня не работает.
...
Рейтинг: 0 / 0
как обработать событие button type=search c помощью js или jquery
    #40057338
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
boltachev,

https://developer.mozilla.org/ru/docs/Web/HTML/Element/Input/search
не заморачивайся.
используй простое - text.
...
Рейтинг: 0 / 0
как обработать событие button type=search c помощью js или jquery
    #40057344
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
boltachev,
Так работает
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<form >
    <input id="find_txt" type='search' name='find'  /> 
     <input id="find_btn" type='button' value='Найти'   />
</form>

<script>
document.getElementById('find_txt').addEventListener('keydown', (ev) => {
        if (ev.keyCode === 13) {
            location.href  += "/" + encodeURI(document.getElementById('find_txt').value);
            ev.preventDefault()
        }

})
document.getElementById('find_btn').addEventListener('click', (ev) => {
            location.href  += "/" + encodeURI(document.getElementById('find_txt').value);
})
</script>
...
Рейтинг: 0 / 0
как обработать событие button type=search c помощью js или jquery
    #40057347
boltachev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
boltachev,
https://developer.mozilla.org/ru/docs/Web/HTML/Element/Input/search
не заморачивайся.
используй простое - text.


С text тоже самое, search просто симпатичнее
За ссылку спасибо

voraa
boltachev,
Так работает


Да, работает!
Спасибо огромное
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как обработать событие button type=search c помощью js или jquery
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]