jQuery-搜素功能

在鼠标点击搜索按钮或者键盘按下enter键时触发js的搜索方法

搜索框：

 <div class="search">
                <input class="text" type="text" id="keyword" autocomplete="off">
                <div class="search_hot"></div>
  </div>
            
  
  <div class="button iconfont icon-search" onclick="search()"></div>

search.js:

//$(function() {}) 是$(document).ready(function()的简写, 这个函数DOM 加载完毕之后执行,即当网页元素加载完毕后，响应事件

$(function () {
    $('#keyword').keypress(function (e) {     //keypress():键被按下的时候触发
        var key = e.which; //e.which是按键的值
        if (key == 13) {     //e.which=13代表enter键
            var q = $(this).val();
            if (q && q != '') {
                window.location.href = '/search?keyword=' + q;
            }
        }
    });
});

function search() {
    var q = $('#keyword').val();
    if (q && q != '') {
        window.location.href = '/search?keyword=' + q;
    }
}

e.which具体解释：https://www.cnblogs.com/mwfsm/p/7551017.html