html 搜索框回车搜索,给搜索框添加回车事件

2024-04-22 01:01:17

function search(){

//alert("test");

keyword=$("#gover_search_key").val();

turnkeyword = escape(keyword);

kuaizhao.href="snapshot.html?a="+turnkeyword;

liebiao.href="search.html?a="+turnkeyword;

str=8;

$.ajax({

type:"GET",

url:'search.php',

dataType:"json",

data:{'keyword':keyword,'page':str

},

success: function (data) {

//alert("test");

var html='';

inum=8;

if(inum>eval(data)[0][4][0])

{inum=eval(data)[0][4][0];}

for(i=0;i

html=html+'

'+eval(data)[0][0][i]+'

Added on 2016-08-19 02:05:17 GMT

'+eval(data)[0][2][i]+'

详情

'+eval(data)[0][1][i]+'

';

}

$("#container").html(html);

}

}

)

}

给搜索框添加回车事件

document.οnkeydοwn=function(event)

{

e = event ? event :(window.event ? window.event : null);

if(e.keyCode==13){

//执行的方法

alert('回车检测到了');

search();

return false; //阻止回车之后的页面刷新而使得搜索的事件读不到

}

}

或者

$('#gover_search_key').bind('keypress', function (event) {

if (event.keyCode == "13") {

alert("test");

search();

return false;

//阻止回车之后的页面刷新而使得搜索的事件读不到 } });

效果是一样的

html 搜索框回车搜索,给搜索框添加回车事件相关推荐

前端常用事件案例——抽名字（抽奖）/搜索下拉菜单/微博文本框
目录抽名字(抽奖) 搜索下拉菜单微博文本框进阶微博案例抽名字(抽奖) 实现效果是:点击开始按钮,则方框不断显示名字,点击停止,抽到的人名就是谁,并且删除,继续直到抽完后禁用按钮 ①点击开始按钮 ...
测试中使用定位搜索框搜索内容_翻译技术 | 搜索神器：Wox+Everything使用教程
搜索神器:Wox+Everything使用教程 1. 工具简介 1.1 Everything Everything是一款占用内存低.搜索速度快的本地搜索软件,可以实现对于电脑本地硬盘中文件的的快速搜索 ...
Android常用：手把手教你实现搜索框（含历史搜索记录）
http://blog.csdn.net/carson_ho/article/details/53366570 前言像下图的搜索功能在Android开发中非常常见今天我将手把手教大家如何实现具备历 ...
easyui点击搜索的时候获取不要文本框里面的值的问题
jsp的代码 <div id="tb"> <input id="AppID" placeholder="请根据申请人ID搜索&quo ...
[html] 写一个搜索框，聚焦时搜索框向左拉长并有动画效果
[html] 写一个搜索框,聚焦时搜索框向左拉长并有动画效果为啥直接粘贴html发布以后就没有了呢个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 ...
TP中给select下拉框选中的内容搜索选中seleted
开发某个搜索功能时,在select下拉框选中条件后,单击搜索后总是重置下拉框条件,不能固定之前选中的条件.因此使用TP框架中的IF标签来实现. 代码如下: <select name=" ...
uniapp 如何给搜索框设值_uni-app搜索功能前后端开发（页面）
uni-app搜索功能前后端开发(页面) 博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 借助的插件地址展示前端是使用vue, ...
html搜索框如何加下拉框,js实现带搜索功能的下拉框
本文实例为大家分享了js实现带搜索功能的下拉框,供大家参考,具体内容如下 1.介绍在实现下拉框的时候,如果用select+option可以在满足pc端的需求,但如果需应用到手机端,由于select的 ...
360搜索下拉词下拉框获客方案分享
上期讲了搜狗下拉词下拉框获客方案,这期我们来分析分析360搜索下拉词下拉框获客方案. 大家都知道360的产品线比较广泛哈,上至浏览器.搜索引擎:下至杀毒软件.防护软件等. 然后基本每个产品都会带有36 ...

最新文章

热门文章