javascript - 从网站复制/粘贴时编辑剪贴板数据

Question

我现在看到一些网站，如果您突出显示文章的文本，复制它，然后粘贴，他们可以向其中添加更多文本。

尝试从 http://belfasttelegraph.co.uk/ 的文章中复制并粘贴一段文本你会明白我的意思 - 他们在粘贴的文本中添加了指向原始文章的链接。

这是怎么做到的？我假设这里有一些 javascript 在工作

Answer 1

这是一个很好的效果，您可以看到使用 Firebug(在 Firefox 中)在复制时触发的脚本。

启动 Firebug 并加载页面，选择清除(因为页面使用了很多 ajax，很快就有 100 个请求)。然后选择“全部”选项卡并尝试复制。您将看到一个 1x1 像素图像的请求，但如果您按 + 按钮查看详细信息，您将在“参数”选项卡中看到此 GET 请求将您请求的文本作为“内容”参数传递，其中包含一些将用于操作剪贴板 DOM 的 xpath 信息:

start_node_xpath    /HTML/BODY[@id='belfast']/DIV[@id='root']/DIV[@id='content']/DIV[@id='mainColumn']/DIV[@id='article']/DIV[5]/P[39]/text()

end_node_xpath  /HTML/BODY[@id='belfast']/DIV[@id='root']/DIV[@id='content']/DIV[@id='mainColumn']/DIV[@id='article']/DIV[5]/P[41]/text()

正如@Crimson 所指出的，有一些方法可以操纵剪贴板，like zeroclipboard它使用 Flash 和图像。

我认为这就是通过使用图像获取请求来更改剪贴板来完成该技术的方式。