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

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

QQ截图20170405101655.png

效果如下:

QQ截图20170405102035.png

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

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

0.0

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,827评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,317评论 6 13
  • 我喜欢夏天。因为夏天承载了我童年的所有美好回忆。那是其他三季无法比拟的。 记得一个有名作家也说过,夏天是很多人孩提...
    蓝先森的照相机阅读 256评论 2 2
  • 前些天啊,看到中国足球踢叙利亚,期待满满,满心冲动,年轻我认为这是中国队唯一可以赢下来的比赛,可是结果,出乎意料,...
    青禾花椒阅读 410评论 0 1