Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.68/25: Рейтинг темы: голосов - 25, средняя оценка - 4.68
 Аватар для First
21 / 14 / 11
Регистрация: 09.06.2011
Сообщений: 832
Записей в блоге: 3

Input type search, событие по кноке очистить

15.09.2020, 00:29. Показов 5229. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток.

Ребят подскажите с вопросом, компонент в котором есть input с типом search.

Как обработать событие очистки поля по нажатию на "крестик".

Заранее спасибо большое.
Миниатюры
Input type search, событие по кноке очистить  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.09.2020, 00:29
Ответы с готовыми решениями:

скругление input type='search'
приветствую есть блок в нём input type='search' <div id='search'><input type='search'></div> к нему применил следующие свойства...

в тэге <input type=text> как очистить выбранное ?
выбрать выбранное можно text1.select(), а чем очистить ? и сем в буфер скопировать ?

Проблема с формой (<form action=1.php method=post> <input type=text name='first'> <input type=submit value=ok>)
Я пишу: &lt;form action=1.php method=post&gt; &lt;input type=text name='first'&gt; &lt;input type=submit value=ok&gt; по идее 1.php должен принять...

2
 Аватар для First
21 / 14 / 11
Регистрация: 09.06.2011
Сообщений: 832
Записей в блоге: 3
15.09.2020, 00:58  [ТС]
В общем, не знаю насколько это хорошо, но сделал через

JavaScript
1
2
3
4
5
...
onInput={(e) => {
                       onClear(e.target);
                     }}
...
а в методе:

JavaScript
1
2
3
4
5
const onClear = (target) => {
    if (target.value === '') {
      loadMoviesDefault();
    }
  };
0
 Аватар для bodynar
345 / 307 / 135
Регистрация: 14.03.2015
Сообщений: 1,158
Записей в блоге: 1
23.05.2021, 16:15
Уже, скорее всего, неактуально, но все же
Цитата Сообщение от First Посмотреть сообщение
Как обработать событие очистки поля по нажатию на "крестик".
Повесьте обработчик на onChange
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.05.2021, 16:15
Помогаю со студенческими работами здесь

Как очистить input type="text" в Firefox
Как очистить содержимое input type=&quot;text&quot; введенным пользователем при обновлении страницы или можно еще при нажатие на кнопку в Firefox 4 и...

Как отловить событие загрузки файла в теге input type="file"
accept почему-то не работает, решил сделать проверку на формат через js, как и всю остальную форму. Но никак не могу запустить функцию...

Как записать значение переменной находящейся в функции в value <input type="input">
Здравствуйте, возникла следующая проблема. Есть текстовое поле &lt;input type=&quot;input&quot; id=&quot;nextIOL&quot; name=&quot;nextIOL&quot;...

Отступы в Input>text,search,email
Здравствуйте! Извините за глупый вопрос, но есть ли возможность сделать отступ в input (text, email, search...), чтобы при фокусе писать...

Как очистить input по клику
Здравствуйте, вот что мне нужно сделать: По клику в любой области, КРОМЕ тегов LI, BUTTON, INPUT и LABEL очистить Input'ы, находящиеся в ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru