jquery键盘enter事件
来源:互联网 发布:知乎上海生死劫电影 编辑:程序博客网 时间:2024/05/17 22:54
在开发中越来越多的表单提交使用ajax,很多情况下也就不能使用系统自带的enter键提交功能,所以就需要用js模拟enter键提交。
这里使用jquery方法:
- 第一步获取键盘按键事件
- 第二步判断是否按下enter键(通过检测按键的ASCII,enter键为13)
- 如果是enter键,则执行你想要的方法
$(document).ready(function(e) {$(this).keydown(function (e){if(e.which == "13"){//your code }})});
但往往页面中我们可能不止有一个地方需要使用enter键,我们可能只是想要提交当前焦点所在的表单
所以,在获取了键盘事件之后,我们要判断当前页面交单是否在我们想要提交的表单里面
我们使用document.activeElement.id;方法获取当前焦点所在元素的ID
var focusActId = document.activeElement.id;然后判断,这个id是否是我们需要提交的表单,如果是,则提交。
所以,结合enter事件,最终代码可以写成
$(document).ready(function(e) {$(this).keydown(function (e){if(e.which == "13"){var focusActId = document.activeElement.id;if(focusActId == 'topSearch'){$("#topSearchBtn").click();} }})});
0 0
- jquery键盘enter事件
- jquery 键盘enter事件的小例子
- JS键盘Enter事件
- jQuery 回车事件 enter
- jquery 绑定回车事件Enter
- jQuery实现enter回车事件
- 键盘ctrl+enter键触发事件
- 键盘enter事件一个页面绑定多次
- JS 键盘监听事件 enter 13
- HTML键盘Enter(回车)事件绑定-yellowcong
- jQuery事件-键盘事件
- PowerBuilder 使用自定义事件触发键盘Enter事件
- jquery 按键盘上的enter事件
- jquery 按键盘上的enter事件
- jquery合成事件hover(enter,leave
- jquery合成事件hover(enter,leave
- jquery 按键盘上的enter事件
- Jquery绑定Enter键触发事件
- 【硬件整理】M15088A/BEG 8*8双色LED点阵 24脚
- 【HDU3535】AreYouBusy
- 搜索引擎三:搭建Nginx服务器
- POJ 1930 - Dead Fraction(数学)
- poj 3368 RMQ(查询给定区间内频率最多的数字数量)
- jquery键盘enter事件
- Array
- Java学习日记001_about疯狂Java讲义
- windows_VS2012为ExtJs智能提示
- get an array of arrays with unique elements
- RMQ
- CryptoPP32_DLL的COM组件版本
- Python爬虫/文本处理/科学计算/机器学习——工具包总结
- UVA - 10271 Chopsticks