• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > JS、jQ >  div获取焦点的方法正文

div获取焦点的方法

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-04-03 18:51
分享到:
    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();//有效果

(责任编辑:网页模板)
  • 本文标签:
  • div获取焦点
js获取网站域名的方法
JavaScript Array map() 方法