JS键盘Enter事件
2015-08-14 11:32
417 查看
这里使用jquery方法:
第一步获取键盘按键事件
第二步判断是否按下enter键(通过检测按键的ASCII,enter键为13)
如果是enter键,则执行你想要的方法
$(document).ready(function(e){
$(this).keydown(function (e){
if(e.which == "13"){
//your code
}
})
});
但往往页面中我们可能不止有一个地方需要使用enter键,我们可能只是想要提交当前焦点所在的表单。
所以,在获取了键盘事件之后,我们要判断当前页面交单是否在我们想要提交的表单里面
jquery判断页面焦点元素
我们使用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();
}
}
})
});
第一步获取键盘按键事件
第二步判断是否按下enter键(通过检测按键的ASCII,enter键为13)
如果是enter键,则执行你想要的方法
$(document).ready(function(e){
$(this).keydown(function (e){
if(e.which == "13"){
//your code
}
})
});
但往往页面中我们可能不止有一个地方需要使用enter键,我们可能只是想要提交当前焦点所在的表单。
所以,在获取了键盘事件之后,我们要判断当前页面交单是否在我们想要提交的表单里面
jquery判断页面焦点元素
我们使用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();
}
}
})
});
相关文章推荐
- 深入理解Javascript变量作用域
- JavaScript实现给按钮加上双重动作的方法
- createjs初学-关于Ticker
- you think you know javascript?
- 新浪微博SDK抛出异常-[__NSDictionaryM weibosdk_WBSDKJSONString]: unrecognized selector sent to instance 0x7fb
- String,Json,Map之间的转化
- Html页面操作json串
- 前后端JSON传递
- Javascript原型模式总结梳理
- .net序列化和反系列化json与类型对象转换
- eclipse下如何直接做JSP代码设计
- js中(function(){…})()立即执行函数写法理解
- JavaScript读写Cookie
- js实现Select列表各项上移和下移的方法
- BSON与JSON的区别
- JSON数组排序
- 前台 JSON对象转换成字符串 相互转换 的几种方式
- jsp中的fn标签的使用
- JSOUP爬虫示例
- js正则控制文本框只能输入数字以及小数