Как заставить работать Enter в связке input-button?

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем tp-20, 30 дек 2024.

  1. tp-20

    tp-20 Новичок

    Сообщения:
    24
    Симпатии:
    0
    Добрый день.

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

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

    движок OpenCart 2.1.0.2

    <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;
    });
     
  2. Tom

    Tom Специалист

    Сообщения:
    932
    Симпатии:
    314
    Так например

    Код:
    <?xml version="1.0" encoding="UTF-8"?>
    <modification>
        <name>Enter Key Filter Activation</name>
        <code>Enter Key Filter Activation</code>
        <version>1.0</version>
        <author>Tom</author>
        <link>Enter Key Filter Activation</link>
        <file path="admin/view/template/common/footer.tpl|admin/view/template/common/footer.twig">
            <operation error="skip">
                <search><![CDATA[</body></html>]]></search>
                <add position="before"><![CDATA[
                    <script>
                    $(document).ready(function() {
                        $(document).on("keypress", function(event) {
                            var keycode = (event.keyCode ? event.keyCode : event.which);
                            if (keycode == '13') {
                                $("#button-filter").trigger('click');
                            }
                        });
                    });
                    </script>
                ]]></add>
            </operation>
        </file>
    </modification>
    
     
    tp-20 нравится это.