按回车启动动作

Question

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

因此，我需要让搜索谷歌图片开始按下‘进入’键。目前，它只适用于单击按钮。

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：

$(document).on('click', '#go-search', function() {
  findImagesOnGoogle({
    keywords: $('#search-term').val(),
    container: '#search-results'
  })
});
$(document).on('click', '#search-results img', function() {
  var url = $(this).data('url');
  $("#workspace img").remove();
  var img = $("<img>").attr('src', url);
  $("#workspace").append(img);
});

CSS、JS和HTML都在崇高文本中的单独选项卡上。

Answer 1

您可以尝试以下方法：

$(document).keyup('#search-term', function(event){
    if(event.keyCode == 13){
        $("#go-search").click();
    }
});

它在文档上绑定一个按钮，如果从输入框中按下enter，则会触发单击。

虽然我希望您围绕元素创建一个表单，并对它的submit事件执行必要的操作。这样，输入按将自动捕获为表单提交。(同时单击submit类型的按钮。)

Answer 2

你可以试试：

$('#search-term').bind('keyup', function(e) {
  var code = e.keyCode || e.which;
  if(code == 13) {
    $('#go-search').click();
  }
});

$('#go-search').click(function() {
  findImagesOnGoogle({
    keywords: $('#search-term').val(),
    container: '#search-results'
  }) 
});

http://jsfiddle.net/gummiah/Ga2dG/