Question

http://protected-river-1861.herokuapp.com/链接到我的网站

因此，我需要在按下＆＃39;输入＆＃39;键。目前，它仅适用于单击按钮。

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;">

的application.js：

$（文件）.on（＆＃39;点击＆＃39;，＆＃39;＃go-search＆＃39;，function（）{ findImagesOnGoogle（{keywords：$（＆＃39;＃search-term＆＃39;）。val（），container：＆＃39; #search-results＆＃39;}） }）; $（文件）.on（＆＃39;点击＆＃39;，＆＃39;＃search-results img＆＃39;，function（）{ var url = $（this）.data（＆＃39; url＆＃39;）; $（＆＃34; #workspace img＆＃34;）。remove（）; var img = $（＆＃34;＆＃34;）。attr（＆＃39; src＆＃39;，url）; $（＆＃34;＃工作区＆＃34）附加（IMG）。 }）;

CSS，JS和HTML都在Sublime Text的不同标签上。

Answer 1

我认为本准则可以为您提供帮助。我不是为您提供整个解决方案，而是让您自己学会编写代码。

<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>

Answer 2

根据您提供的代码，您可以尝试类似

的内容

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

并将其放在最后一行代码之后。

一个例子（没有搜索，但有一个弹出窗口在这里）jsFiddle

按下＆＃39;进入＆＃39;进行Google图片搜索。

2 个答案: