时间戳

首页 > 解决方案 > 如何使回车键单击搜索按钮

javascript - 如何使回车键单击搜索按钮

问题描述

如何让回车键按下搜索按钮？提前致谢。

function search(query) {
  if (query.slice(0, 7) == "http://") {
    // window.location.href = query
    window.open(query, '_blank');
  } else {
    // window.location.href = "https://www.google.com/search?q=" + query
    debugger;
    window.open("https://www.google.com/search?q=" + query, '_blank');
  }
}
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="box">
  <div class="container-1">
    <input type="search" id="search" placeholder="Search..." />
    <div class="icon" onclick="search(document.getElementById('search').value)"><i class="fa fa-search"></i></div>
  </div>
</div>

标签： javascripthtml

解决方案

这是一个例子：

// Get the input field
var input = document.getElementById("myInput");

// Execute a function when the user releases a key on the keyboard
input.addEventListener("keyup", function(event) {
  // Number 13 is the "Enter" key on the keyboard
  if (event.keyCode === 13) {
    // Cancel the default action, if needed
    event.preventDefault();
    // Trigger the button element with a click
    document.getElementById("myBtn").click();
  }
});

那应该回答你的问题。

推荐阅读