如何让div获取焦点或可编辑

作项目的时候，想用到segment组件，因为是ionic2的组件，ionic1 用不了，就想本身写一个相似的组件。其中，想让div实现获取焦点的功能，使用的js或jq并无效果。因而，上网搜索了一下，发现连个很好用的属性能够实现，因而作一下笔记。

DIV获取焦点（两种方法）：
需添加tabindex="0"或者contenteditable="true"属性
①：设置div为可编辑状态，则可点击获取焦点，同时div的内容也是能够编辑的；如：
<div contenteditable="true">11111111111111</div>
②：设置div的tabindex，此时div的内容是不可编辑的；如：
<div tabindex="0">11111111111111</div>
PS:设置tabindex属性，按键盘Tab键可以让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦。

http://www.javashuo.com/article/p-noybpqyd-gk.html

标签：编辑,焦点,获取,组件,div,tabindex
来源： https://www.cnblogs.com/wzihan/p/16204186.html