键盘绑定事件和焦点处理

<input type="text" name="" id="aa" />

<div id="cc" style="300px; height:300px; background: #ccc;margin: 10px;"  tabindex="-1">

 

$(function(){
　　//绑定在表单上
　　$('#aa').on('keydown.aa',function(e){
　　　　//todo
　　});
　　
　　//绑定在非表彰元素上
　　$('#cc').on('keydown.cc',function(e){
　　　　//todo
　　});
});

 

1.如果不是 表单元素的话  tabindex=""  需要在 加这个属性

 

2.焦点不在元素上面的话，绑定键盘事件无效。

 

3.document.activeElement 获取事件的焦点在哪

 

4.$('#cc').focus() 当元素获得焦点

 

 

个人理解 ： 如果要 把焦点放在一个 元素上要 在处理键盘事件的时候   给非表单元素要加 tabindex 这个属性