HTML键盘Enter(回车)事件绑定-yellowcong

109 阅读 0 评论 72 点赞

我是靠谱客的博主直率小鸭子，这篇文章主要介绍HTML键盘Enter(回车)事件绑定-yellowcong，现在分享给大家，希望可以做个参考。

我的需求是输入enter然后文本的焦点消失，然后文本输入，并自动补全的操作，在这个需求中，自动不全的操作是单独做的，我自需要将光标的焦点移开，就完事，但是问题是光标这个东西有时候真的搞不懂，明明已经设定了id为啥就不管用呢，我后来明白，焦点设定到diiv上没有用，必须设定在table，input标签这个上面，其他的标签没有具体做。

基于全局的Enter控制

复制代码

1
2
3
4
5
6
7
document.onkeydown=function(event){
var code = event.keyCode;
if(code ==13){ //这是键盘的enter监听事件
//绑定焦点，有可能不成功，需要多试试一些标签 
document.getElementById("tokeInOutList").focus();
}
}

基于某个对象

复制代码

1
2
3
4
5
6
$('#testDate').on("keydown",function(event){
var keyCode = event.keyCode || event.which;
if(keyCode == "13"){
event.preventDefault();
}
});