使用 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”来更改此设置。