html5 textarea高度自适应,textarea 高度自适应的两种方案

原标题：textarea 高度自适应的两种方案

本文转载于 SegmentFault 社区

社区专栏：前端学习路-郭盖

作者： 郭盖

阅读全文你将获得以下解决方案：

1. 点击长文本编辑textarea，自动获得焦点

2. 随着输入值自动伸缩高度

3. 可复制添加信息

4. 可粘贴文本

5. 可粘贴图片

以下实例代码执行环境为 Chrome80

方案一

HTML5 Textarea 元素

1. 自动获得焦点

点击编辑自动获得焦点后光标跳转到了最前面，why?

查文档 MDN，textarea元素存在selectionEnd和selectionStart的属性用来表示选中的文本开始位置和结束位置，DOM 接口实例是HTMLTextAreaElement， 它具有setSelectionRange方法，用来选中输入框中的文本，用法：TextAreaElement.setSelectionRange(selectionStart, selectionEnd, [optional] selectionDirection);

那么我们只要做到selectionStart === selectionEnd === value.length, 这样光标就选中到最末尾。

edit.addEv

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！