当前位置:  编程技术>WEB前端

jQuery响应enter键的实现思路

    来源: 互联网  发布时间:2014-08-25

    本文导语:  有时候我们有这样的需求:当用户在表单里数据完数据后,之间按enter键就可以执行查询或者保存的操作。实现的思路如下。 让你的form表单或需要响应enter键的区域处于div之间。形如: 代码如下: 单位名称: 查询 响应键盘...

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

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



单位名称:

查询



响应键盘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响应式侧栏菜单插件 sidr
  • jQuery随机及响应式画廊插件 least.js
  • jQuery 表格响应式插件 FooTable
  • jQuery 响应式滑块插件 PgwSlider
  • jQuery 响应式对话框 PgwModal
  • 响应式 jQuery 插件 Tipue drop
  • jQuery 响应式插件 rotation.js
  • jQuery响应布局插件 Freetile
  • jQuery 响应式网格图库 GridGallery
  • jquery ajax提交无响应怎么办?解决方法
  • JQuery实现元素屏幕居中显示的代码 iis7站长之家
  • jquery响应鼠标事件 jquery隐藏与显示input默认值
  • Jquery响应回车键直接提交表单操作代码
  • jQuery响应鼠标事件并隐藏与显示input默认值
  • jquery easyui表单重置扩展思路
  • jQuery拖拽div实现思路
  • 使用jquery修改表单的提交地址基本思路
  • jquery 页眉单行信息滚动显示实现思路及代码
  • jquery批量删除的实现思路与代码
  • jquery 倒计时效果实现秒杀的思路与代码
  • jQuery+ajax实现鼠标单击修改内容的思路
  • jQuery移除元素自动解绑事件实现思路及代码
  • jQuery动态改变图片显示大小(修改版)的实现思路及代码
  • Jquery图片放大镜效果的实现思路与代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • JQuery实现元素屏幕居中显示的代码
  • jquery 回车登录的实现方法
  • 基于jQuery实现的MVC开发框架 CorMVC
  • 简单的代码实现jquery定时器
  • jQuery Trim去除字符串首尾空字符的实现方法说明
  • jquery插件开发之实现jquery手风琴功能分享
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery实现的导航固定效果
  • jquery实现点击消失的代码
  • jquery 实现弹出div位于屏幕正中(图文)
  • jQuery 表格隔行换色 鼠标高亮行变色的实现代码
  • jquery特效 table鼠标滑过变色的实现代码
  • Jquery点击高亮显示的实现代码
  • jquery实现图片路径不存在时进行替换的代码
  • jquery 选择块与改变属性值的实现方法
  • 60秒倒计时的jquery实现代码
  • jquery半透明设置实现代码
  • jquery 实现文本框焦点自动跳转
  • jQuery概述,代码举例及最新版下载
  • jQuery鼠标动画插件 jquery-ahover
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3