您的位置:首页 > Web前端 > JavaScript

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();

}

}

})

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: