当前位置: 代码迷 >> 综合 >> div模拟textarea实现自动换行
  详细解决方案

div模拟textarea实现自动换行

热度:9   发布时间:2023-10-21 15:24:48.0

div加上属性contenteditable="true"实现自动换行效果

补充:

1、实现有提示语,输入后提示语消失效果(input的placeholder效果)
  

div上加上placeholder="提示语",此时暂无效果
css文件中配置:#div:empty::before {content: attr(placeholder);color: #666666;} 

注意:输入空格也是内容,提示语也会消失

2、获得焦点后出现边框问题解决

div加上样式 outline: 0;

3、获取div中的内容

通过 元素选择.innerText 获取div中的内容