首页 > Web开发 > 详细

js实现搜索框响应回车键

时间:2017-01-12 09:23:08      阅读:452      评论:0      收藏:0      [点我收藏+]

1、HTML页面, 注意:不要用使用form标签。
Html代码 收藏代码
<input type="text" name="keyword" id="keyword" onkeydown="entersearch()"/>
<input type="text" name="keyword" id="keyword" onkeydown="entersearch1(event)"/>
<input type="button" onclick="search()"/>


2、JS实现方法
Js代码 收藏代码
// onclick事件
function search(){
var $keyword = $("#keyword").val();
window.location.href = "/list-0-0-0-0-"+$keyword+"-0-0-1.html";
}

// 按Enter键,执行事件
function entersearch(){
var event = window.event || arguments.callee.caller.arguments[0];
if (event.keyCode == 13)
{
search();
}
}

// 按Enter键,执行事件
function entersearch1(event){
if (event.keyCode == 13)
{
search();
}
}

js实现搜索框响应回车键

原文:http://www.cnblogs.com/husfsh-16300/p/6274703.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!