怎么用div模拟textaera

一、使用

使用div模拟textarea标签很简单，只需要在div标签上添加contenteditable="true"即可

<div contenteditable></div>

想要监听里面的内容发生了改变可以使用input事件,而且ie也支持这个属性，所以兼容性还是比较好的


contenteditable兼容

二、注意

  1. 谷歌在获取焦点的时候会默认出现黑色的outline，
    只需要设置outline: 0;即可
    默认的outline
  2. 火狐中获取焦点会出现默认的虚线框，这个见仁见智吧
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容