jQuery实现键盘回车搜索功能和enter切换文本框

页面代码

1 <div class="fl search-box"> 
2      <button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</button>
3      <input id="sousuo" name="sousuo" type="search" placeholder="输入搜索内容" value="">
4 </div>

jquery代码

$('#sousuo').bind('keypress', function (event) { 
   if (event.keyCode == "13") { 
    event.preventDefault();//阻止默认事件
    $("#btnSubmit").click();
   }
  })

enter切换文本框

$(function () {
    $('input:text:first').focus();//直接定位到当前页面的第一个文本框
    var $inp = $('input:text');//所有文本框
    $inp.bind('keydown', function (e) {
        var key = e.which;//键盘事件
        if (key == 13) {
            e.preventDefault();//阻止默认事件
            var nxtIdx = $inp.index(this) + 1;//获取下一个文本框的索引
            ¥(":input:text:eq(" + nxtIdx + ")").focus();//eq是循环所取到的值
        }
    });
});
原文地址:https://www.cnblogs.com/wxy0715/p/12441518.html