使用 JavaScript onclick 从剪贴板粘贴到 textarea答案

【问题标题】：Pasting from clipboard into textarea using JavaScript onclick使用 JavaScript onclick 从剪贴板粘贴到 textarea
【发布时间】：2020-04-01 19:43:34
【问题描述】：

我正在尝试实现以下脚本，以允许我从剪贴板粘贴到 Chrome 网页上的文本区域中。他们都在 jsfiddle.net 上完美演示，但我无法让它在我的网站上运行。在 jsfiddle 上，它按预期提示允许从剪贴板粘贴的警告。在我的网站上没有。我还临时删除了同一文件夹中调用 .js src 脚本的任何其他文件，以防它们以某种方式干扰或覆盖此代码。（@Rob Louie - 感谢您几年前首次发布这些链接。由于我的新手身份，我无法直接评论该线程。）任何帮助将不胜感激。谢谢你。

https://jsfiddle.net/1vmansr2/

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {

   navigator.clipboard.readText()
.then(text => {
document.getElementById("demo").innerHTML = text;

})
.catch(err => {
document.getElementById("demo").innerHTML = 'Failed to read clipboard contents: '+err;
});


}
</script>

https://jsfiddle.net/zm490d6a/

<style>
    textarea {
  width: 300px;
  height: 400px;
}
</style>
<script async src="//jsfiddle.net/zm490d6a/embed/"></script>
<textarea onclick="paste(this)"></textarea>
<script>
    async function paste(input) {
        const text = await navigator.clipboard.readText();
        input.value = text;
      }
</script>

【问题讨论】：

如果我没记错的话需要https
好的，谢谢！！一旦我在我的网址前面加上前缀，它就会在单击提到的 URL 图标 user2643790 时开始在弹出菜单中显示允许剪贴板选项

标签： javascript onclick textarea clipboard paste

【解决方案1】：

一切正常，您可能已经阻止了您网站上的剪贴板访问。您可以通过点击 Chrome 网址栏左侧圆圈中的“i”来更改此设置。

【讨论】：