首页 > 建站教程 > JS、jQ、TS >  div获取焦点的方法正文

div获取焦点的方法

    Div元素不是Input,所以通常意义上focus()会失效。
document.getElementById('tries').focus();//无效
    但是我们会有这种需求,需要我们focus到某一个DIV上,并且handle一些键盘事件,比如我们使用DIV来模拟了一个动态的dialog,然后这个dialog上有一些键盘事件需要捕获和处理。
    这个时候只需要给DIV元素加入一个tabindex属性,就可以使得DIV能够被focus上
<div tabindex="0">我爱模板网</div>
    我们还可以使得tabindex = -1, 这样使得该DIV只能通过脚本来focus。
    这个时候,就可以用focus()获取焦点了:
document.getElementById('tries').focus();//有效果