使用JavaScript onclick将剪贴板粘贴到文本区域
我正在尝试实现以下脚本,以允许我从剪贴板粘贴到Chrome网页上的文本区域。它们都在jsfiddle.net上进行了完美的演示,但我无法让它在我的网站上运行。在JSFIDLE上,它提示一条警告,允许按预期从剪贴板粘贴。在我的网站上没有。我还临时删除了同一文件夹中调用.js src脚本的任何其他文件,以防它们以某种方式干扰或重写此代码。(@Rob Louie-感谢您几年前草签发布这些链接。由于我的新手身份,我无法直接对该帖子发表评论。)任何帮助都将不胜感激。多谢各位使用JavaScript onclick将剪贴板粘贴到文本区域,javascript,onclick,textarea,clipboard,paste,Javascript,Onclick,Textarea,Clipboard,Paste,我正在尝试实现以下脚本,以允许我从剪贴板粘贴到Chrome网页上的文本区域。它们都在jsfiddle.net上进行了完美的演示,但我无法让它在我的网站上运行。在JSFIDLE上,它提示一条警告,允许按预期从剪贴板粘贴。在我的网站上没有。我还临时删除了同一文件夹中调用.js src脚本的任何其他文件,以防它们以某种方式干扰或重写此代码。(@Rob Louie-感谢您几年前草签发布这些链接。由于我的新手身份,我无法直接对该帖子发表评论。)任何帮助都将不胜感激。多谢各位 试试看 函数myFunct
试试看
函数myFunction(){
navigator.clipboard.readText()
。然后(文本=>{
document.getElementById(“demo”).innerHTML=text;
})
.catch(错误=>{
document.getElementById(“demo”).innerHTML='无法读取剪贴板内容:'+err;
});
}
文本区{
宽度:300px;
高度:400px;
}
异步函数粘贴(输入){
const text=wait navigator.clipboard.readText();
input.value=文本;
}
其他一切正常,您可能已阻止对网站的剪贴板访问。您可以通过单击Chrome URL栏左侧圆圈中的“i”来更改此设置
其他一切正常,您可能已阻止对网站的剪贴板访问。您可以通过单击Chrome URL栏左侧圆圈中的“i”来更改此设置
如果我没记错的话,它需要https是的,谢谢!!一旦我在我的url前面加上前缀,它就开始在点击url图标的弹出菜单中显示允许剪贴板选项user2643790提及编辑需要https如果我记得正确的话是的谢谢!!在我的url前面加上前缀后,单击上面提到的url图标user2643790,它就会在弹出菜单中显示“允许剪贴板”选项
<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>
<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>