javascript - 从网页复制内容时注入(inject)文本

Question

我遇到了一个网站，该网站在您突出显示并从其页面复制的任何文本的末尾注入(inject)“阅读更多:”行。

我以前从未见过这种情况，如果不深入研究他们的代码，我就找不到执行此操作的代码。

有谁知道这是怎么做到的？

示例:http://peaceful-parenting.suite101.com/article.cfm/how_to_keep_kids_from_climbing_on

复制一段文字，然后粘贴到另一个应用程序中，之后会有一个“阅读更多”行。

Answer 1

Suite101 正在使用名为 Tynt 的第三方服务.

Tynt 的 JavaScript 片段位于 http://tcr.tynt.com/javascripts/Tracer.js

我为您探索了来源(在 Online JavaScript beautifier 的帮助下)。

这就是正在发生的事情:

代码在 mouseup、mousedown 和 copy 等事件上激活(在 startListeningForTraces 函数中)

如果用户选择了一个文本范围，那么它:

创建归属链接的 HTML，以及可选的 CC 许可 URL

将此 HTML 附加到选择中，将其置于零大小 <div> 内(使其在屏幕上不可见)

报告复制回 Tynt 的服务器的内容

Tynt 的代码做了大量工作以使这项工作在浏览器之间无缝地工作。