如何让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键切换的时候就会首先聚焦。