好了,既然如何阅读页面上所选内容的细节,无论是在一般的页面上,还是在特定的DIV或表单元素内,我们都可以继续下一个紧迫的问题,实际上是复制那个内容到剪贴板。
正如在本教程开始时所提到的,它归结为使用该方法
执行命令以将文本“复制”(或“剪切”)到剪贴板:
document.execCommand()
这里的关键是行
document.execCommand("copy")
,它实际上执行动作以将页面上当前选择的任何内容复制到剪贴板。
为了检测浏览器是否
execCommand()
正确
支持该
方法,我们将操作放在一个
try/catch()
块中;
如果调用
execCommand()
失败,我们知道浏览器不支持此方法。
我们可以使用我们的新变形
copySelectionText()
函数和任何以前的方法来选择/检索一些文本然后将其复制到剪贴板。
例如,当用户将鼠标悬停在文档上时,下面的代码段会复制用户在页面上选择的任何内容:
我们可以改进这个过程,但如果用户选择实际上包含一些数据,则只执行“复制”操作; 例如,如果用户只是单击页面而不突出显示任何内容,则不会选择任何数据,在这种情况下,应该中止复制操作。 这可以通过预先查看用户选择的内容来完成:
现在是现场演示的时候了。 尝试选择以下段落中的任何文本,以查看其内容复制到剪贴板(之后按“Ctrl V”进行粘贴和确认)。 我还添加了一个临时显示的工具提示,表示每次成功:
演示(选择下面段落中的任何文本将其复制到剪贴板):
“为了享受健康,为家庭带来真正的幸福,为所有人带来和平,首先必须训练和控制自己的思想。如果一个人可以控制自己的思想,他就能找到通往启蒙的道路,以及所有的智慧和美德他自然会来找他。“ -佛
代码:
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2651149/ ,如需转载,请注明出处,否则将追究法律责任。