Сделать так, чтобы поиск изображений Google начинался при нажатии «ввода»

http://protected-river-1861.herokuapp.com/ Ссылка на мой сайт

Итак, мне нужно, чтобы поиск изображений Google инициировался нажатием клавиши «ввод». В настоящее время он работает только по нажатию кнопки.

HTML:

<p>Enter the keyword to search for images</p>
<input id="search-term" type="text">
<button id="go-search">Go!</button>
<div id="search-results"></div>
<div style="width: 150px; margin:0 auto;">

приложение.js:

$(document).on('click', '#go-search', function() { findImagesOnGoogle({keywords: $('#search-term').val(), container: '#search-results'} ) }); $(document).on('click', '#img-результаты поиска', function() { var url = $(this).data('url'); $("#workspace img").remove() var img = $("").attr('src', url); $("#workspace").append(img); });

CSS, JS и HTML находятся на отдельных вкладках в Sublime Text.


javascript image search search-engine enter
person Amoku    schedule 14.07.2014    source источник
comment
Публикация вашего HTML поможет отладить вашу проблему. Создание работающего Plunkr или Fiddle поможет гораздо больше.   -  person domokun    schedule 14.07.2014

Ответы (2)


arrow_upward
0
arrow_downward

Я думаю, что этот Кодекс может помочь вам. Я не предоставляю вам полное решение, но даю вам возможность научиться писать код самостоятельно.

<input type="text" placeholder="Enter Search Term & Press Enter.." onkeydown="javascript:return checkEnterPressed(event);" />
<script type="text/javascript">
    function checkEnterPressed(thisEvent) {
        if (thisEvent.keyCode == 13) { // 13 : Enter Key
            alert('enter Pressed');
            // Do WHatever you want to do HERE.
            return true; 
        }
    }
</script>
person JayKandari    schedule 14.07.2014

arrow_upward
0
arrow_downward

На основе предоставленного вами кода вы можете попробовать что-то вроде

$('#search-term').on("keypress", function(e) {
   if (e.keyCode == 13) {
      findImagesOnGoogle({keywords: $('#search-term').val(), container: '#search-results'})
   }
    });
});

и поместите это после последней строки кода.

Пример (не с поиском, а с попапом тут) jsFiddle

person Steven    schedule 14.07.2014