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

Question

我正在尝试实现以下脚本，以允许我从剪贴板粘贴到 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>

Answer 1

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