标签：控件 移动 焦点 获取 TAB div 属性 tabIndex

<div>在正常情况下是无法获得焦点的，而我们常用的blur()和focus()多是常用于<input>，对于<div>都是没有用的。
让一个<div>获取焦点，其解决方案如下：

增加：tabindex = "-1"
如：

<div class="icon-change" tabindex="-1" @blur="colorShow"></div>

然后继续写失焦和聚焦事件就好了

TabIndex 属性：
1. html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。
2. 当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabIndex属性值的控件上，最后在具有最大tabIndex属性值的控件上结束移动。
3. 如果有两个控件的tabIndex属性相同，则以控件在html代码中出现的顺序为准。
4. 默认的tabIndex属性为 0，将排列在在所有指定tabIndex的控件之后。
5. 而若把tabIndex属性设为一个负值（如tabIndex="-1"），那么这个链接将被排除在TAB键的序列之外。
6. 注意：如果使用-1值时，onfocus与onblur事件仍被启动。

标签：控件,移动,焦点,获取,TAB,div,属性,tabIndex
来源： https://blog.csdn.net/weixin_44713688/article/details/120724061

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。