让p标签和div标签实现同 input和textarea的功能

首先这个小属性的发现 ,还是我的一个好朋友在做移动端的时候发现的,我觉得感觉在未来的开发中会用到的我先记录下
#### 主角 : contenteditable: true
contenteditable 属性规定是否可编辑元素的内容
设置为 true :规定可以编辑元素内容
设置为 false : 规定无法编辑元素内容
设置 classname : 集成父元素的contenteditable 的值

让p标签和div标签实现同 input和textarea的功能_第1张图片
QQ截图20170405101655.png

效果如下:

让p标签和div标签实现同 input和textarea的功能_第2张图片
QQ截图20170405102035.png

因为在移动的端的需求一般是:评论的时候要求 自动换行
而 input 标签不会实现这个需求,所以这个属性的出现恰好实现了这个功能

但是,不可避免的会有一些bug的出现,就是在用focus()时间来获取焦点的时候,焦点的位置会有一些不对
就说这些了,有不对的地方,请指出,共同探讨

0.0

你可能感兴趣的:(让p标签和div标签实现同 input和textarea的功能)