如何防止textarea从;“向下滚动”;在jquery上选择?

如何防止textarea从;“向下滚动”;在jquery上选择?,jquery,select,textarea,overflow,Jquery,Select,Textarea,Overflow,我正在使用一个带有jquery选择功能的textarea,允许我的用户快速选择全文,以便于复制。textarea只有一行高,溢出设置为隐藏 每当我点击文本区域的标签时,它就会自动“向下滚动”到页面底部。我发现只有当溢出设置为隐藏时才会发生这种情况,我假设它会向下滚动到所选文本的底部 见示例: HTML CSS 存储当前滚动位置 调用你的复制函数 恢复滚动位置 <label for="copy-pasta">Copy Pasta</label> <textarea

我正在使用一个带有jquery选择功能的textarea,允许我的用户快速选择全文,以便于复制。textarea只有一行高,溢出设置为隐藏

每当我点击文本区域的标签时,它就会自动“向下滚动”到页面底部。我发现只有当溢出设置为隐藏时才会发生这种情况,我假设它会向下滚动到所选文本的底部

见示例:

HTML

CSS

  • 存储当前滚动位置

  • 调用你的复制函数

  • 恢复滚动位置

<label for="copy-pasta">Copy Pasta</label>
<textarea rows="1" id="copy-pasta">Multiple lines of text...</textarea>
$("#copy-pasta").click(function () {
    $(this).select();
});
.copy-pasta textarea {      
    overflow: hidden;
    resize: none;
}