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

时间:2022-11-17 22:19:12
	做项目的时候,想用到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键切换的时候就会首先聚焦。
	最后,感谢前作者的分享。