寻找一种将粘贴按钮放在 textarea 占位符中的方法？ (javascript)答案

【问题标题】：Looking for a way to put a paste button in placeholder of textarea? (javascript)寻找一种将粘贴按钮放在 textarea 占位符中的方法？ (javascript)
【发布时间】：2021-10-21 11:26:51
【问题描述】：

我正在用 javascript 制作字数统计应用程序。我只想在文本区域的占位符中放置一个粘贴按钮，这样用户就不需要使用 ctrl + paste 来粘贴字符串。有什么办法可以做到吗？ Picture of the placeholder

我只想在上面的照片中做这样的事情。

【问题讨论】：

这能回答你的问题吗？ Position <span> absolute over bottom of <textarea>
我认为这无关紧要 stackoverflow.com/a/50633947/4308987 async function paste(input) { const text = await navigator.clipboard.readText();输入值=文本； }
感谢您的帮助。我刚刚更新了我的问题。这不能回答我的问题。我只是想在我提出问题的照片中做点什么。

标签： javascript button textarea placeholder

【解决方案1】：

我不确定我是否正确，但是说用户复制了一些东西，你希望它自动粘贴到文本区域中吗？如果是这样，您应该使用焦点事件。这样，通过将其绑定到焦点事件，您可以确定用户大多不会关注/选择文本区域，除非他们复制了字符串。

【讨论】：

我只想在占位符中创建一个按钮，当用户单击该按钮时，它将粘贴用户剪贴板中的文本。
我认为 Sven 的第一条评论对您的情况很有帮助，因为它允许您在 textarea 之外创建一个按钮，然后使用 CSS 将其移动到内部，我以前做过。但无论如何，这里有一个简单的概念证明，无需按钮，使用所罗门的功能和一个简单的 onclick 事件（如果有帮助的话）：<html><head></head><body> <textarea onclick='paste(this)'></textarea> </body> <script> async function paste(input) { const text = await navigator.clipboard.readText(); input.value = text; } </script> </html>