Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.12.2024, 19:52
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 55

Как заставить работать Enter в связке input-button?
Добрый день.

Нужно после ввода в поле input по нажатию на Enter активировать кнопку button и начать поиск.
Сейчас поиск работает только нажатием мышки, что очень не удобно.
Скрин для наглядности.

что нужно изменить в JS, чтобы активировать кнопку Enter?

движок OpenCart:

<input type="text" name="filter_name" value="<?php echo $filter_name; ?>" placeholder="<?php echo $entry_name; ?>" id="input-name" class="form-control" />

<button type="button" id="button-filter" class="btn btn-primary pull-right"><i class="fa fa-search"></i> <?php echo $button_filter; ?></button>

$('#button-filter').on('click', function() {
	var url = 'index.php?route=newsblog/article&token=<?php echo $token; ?>';

	var filter_name = $('input[name=\'filter_name\']').val();

	if (filter_name) {
		url += '&filter_name=' + encodeURIComponent(filter_name);
	}

	var filter_category = $('select[name=\'filter_category\']').val();

  	if (filter_category != '*') {
		url += '&filter_category=' + encodeURIComponent(filter_category);
	}

	var filter_status = $('select[name=\'filter_status\']').val();

	if (filter_status != '*') {
		url += '&filter_status=' + encodeURIComponent(filter_status);
	}

	location = url;
});
Изображения:
Тип файла: jpg 1.jpg (43.9 Кб, 2 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 30.12.2024, 21:06
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,230

Сообщение от tp-20
что нужно изменить в JS, чтобы активировать кнопку Enter?
Поместить инпут и кнопку в форму...
Ответить с цитированием
  #3 (permalink)  
Старый 31.12.2024, 15:03
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 55

решение.
подсказали на другом форуме)

в футер в админке вставил скрипт:
$(document).ready(function() {
    $(document).on("keypress", function(event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13') {
            $("#button-filter").trigger('click');
        }
    });
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как заставить 2 js работать sananragimli Элементы интерфейса 1 22.02.2017 10:28
Как загрузить и заставить работать скрипт после загрузки frame? Chifu Общие вопросы Javascript 3 13.04.2013 14:18
Как таймер заставить работать поочерёдно вызываю одну и ту же функцию два раза? JavaScriptProgrammer Events/DOM/Window 12 08.11.2012 23:41
Как заставить работать оперу и мозилу? SDone AJAX и COMET 6 25.02.2009 16:05
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 13:55