SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Как реализовать выполнение поиска при нажатии на enter?

boothekb boothekb  
0
  16.06.2016 12:26       1 428    
Код:

<div class="wrapper-simple" role="search" method="get" id="searchform" action="' . home_url( '/' ) . '"> <br>
            <input type="text" placeholder="Поиск по сайту..."><br>
            <input type="submit" value=""><br>
            <i class="fa fa-search" aria-hidden="true"></i><br><br>
        </div><br>

Скрипт

$('.wrapper-simple input[type=submit]').toggle(function(){<br><br>
 $('.wrapper-simple').animate({'width':'1125px'})<br>
 .end().find('.wrapper-simple input[type=text]').animate({'width': '100%', 'right':'96.3%', 'height':'35px'})<br>
 .end().find('.wrapper-simple i').animate({'marginLeft': '-100%'})<br>
 .end().find(this).animate({'marginLeft':'-95%'}).attr('value', 'X');<br><br>
}, function() {<br><br>
 $('.wrapper-simple').animate({'width':'60px'})<br>
 .end().find('.wrapper-simple input[type=text]').animate({'width': '1px', 'right':'1em', 'height':'0px'})<br>
 .end().find('.wrapper-simple i').animate({'marginLeft': '-45px'})<br>
 .end().find(this).animate({'marginLeft':'0'}).attr('value', '');<br><br>
return false;<br>
});

При нажатии на "enter" поиск закрывается, а не переходит к странице поиска. Как быть?

Ответы на пост (2) Написать ответ
oldzas oldzas
57
16.06.2016 16:22
по энтеру работает только <form> а ваша форма кастомная, пишите на js код: условия если нажат энтер и если был фокус на форме, тогда

насколько помню для отслеживания нажатых кнопок - надо подцепать специальную библиотеку
0
oldzas oldzas
57
16.06.2016 16:23
а не проще вашу тряхомудию обернуть во враппер form ?
0