div绑定keydown事件

要想给一个元素绑定keydown事件我们经常这样:

$('#some_thing').keydown(function(event){

......

})

但是当你尝试给div元素绑定时会发现不起作用, 解决办法是给这个div添加一个tabindex的属性:

$('#some_div').attr('tabindex', 1).keydown(function(event){

......

})

DIV直接使用focus()和blur()两个方法是无效的,需添加tabindex="0contenteditable="true"属性,设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的,

设置div的tabindex,此时div的内容是不可编辑的。

PS:设置tabindex属性,按键盘Tab键可让其获取焦点,其中tabindex的值越小在tab键切换的时候就会首先聚焦

①:设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如:

<div contenteditable="true">11111111111111</div>

②:设置div的tabindex,此时div的内容是不可编辑的;如:

<div tabindex="0">11111111111111</div>

PS:设置tabindex属性,按键盘Tab键可让其获取焦点,其中tabindex的值越小在tab键切换的时候就会首先聚焦

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容