首页 / JQUERY / jQuery响应enter键的实现思路_jquery

jQuery响应enter键的实现思路_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery响应enter键的实现思路_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含792字，纯文字阅读大概需要2分钟。

内容图文

有时候我们有这样的需求：当用户在表单里数据完数据后，之间按enter键就可以执行查询或者保存的操作。实现的思路如下。

让你的form表单或需要响应enter键的区域处于div之间。形如：
代码如下:



单位名称：<input class="inp" type="text" name="qureyBean.com_name"
value="${qureyBean.com_name}" />

查询



响应键盘enter键的js：
代码如下:

$(".top_inputbox").keypress(function (e){
var code = event.keyCode;
if (13 == code) {
alert("响应键盘的enter事件");
}
});

这样你就可以alert做你想做的操作了。

公司目前用的是这样的响应：
代码如下:

//回车快捷查询
$(".top_inputbox").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
alert("响应键盘的enter事件");
}
});

我在网上搜了一下，e.keyCode ? e.keyCode : e.which ? e.which : e.charCode 这是为了兼容性。

内容总结

以上是互联网集市为您收集整理的jQuery响应enter键的实现思路_jquery全部内容，希望文章能够帮你解决jQuery响应enter键的实现思路_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/320564.html

来源：【匿名】