时间:2021-05-26
本来我一直认为一个搜索没有什么太难做的,直到我接到了上一个项目,让不使用按钮实现搜索这才让我开始在网上寻找这一技术,那么废话少说,将我的源码放上来给大家参考。
前台代码
<div class="fl search-box"> <button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</button> <input id="sousuo" name="sousuo" type="search" placeholder="输入搜索内容" value=""></div>搜索按钮实现
$(function () { $("body").on("click", "#btnSubmit", function () { var sousuo = $("#sousuo").val(); if (sousuo == "") { alert("请输入信息"); return false; } location.href = "{$:CSSiteUrl}search.html?keywords=" + escape(sousuo); }); });下面也就是本次的重头戏,键盘回车实现搜索
$('#sousuo').bind('keypress', function (event) { if (event.keyCode == "13") { $("#btnSubmit").click(); } })或许大家可以发现,其实相当于在回车键event.keyCode == “13”,也就是说键盘的的第13个键码,那么借此帮助,以后想实现其他的按键的话,只要去查询键盘对应的键码就好了。
总结
以上所述是小编给大家介绍的jQuery实现键盘回车搜索功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、绑定键盘回车事件(注意:用jq提交时想同时按回车键可以提交,此时就不要用form了。)复制代码代码如下:document.onkeydown=functio
First/***combobox和combotree模糊查询*combotree结果显示两级父节点(手动设置数量)*键盘上下键选择叶子节点*键盘回车键设置文本
一般来说键盘上的ADD就是就是加号键+,通常位于小键盘回车键上面。如果不是的话,可能使用的特殊键盘,可以查看键盘的说明书。 键盘(Keyboard)是用于操作
一般来说键盘上的ADD就是就是加号键"+",通常位于小键盘回车键上面。如果不是的话,可能使用的特殊键盘,可以查看键盘的说明书。 一般台式机键盘的分类可以根据击
键盘回车键是Enter,回车键有两个作用,一是确认输入的执行命令,二是在文字处理中起换行的作用。 电脑早期引用了许多电信概念与技术。早期制定的代码如ASCII