javascript - 是否可以使用 JavaScript 实现剪贴板管理器？

Question

我想为特定网站创建一个基于 JavaScript 的剪贴板管理器，但我不确定从哪里开始。由于大多数网络浏览器不允许直接访问剪贴板内容，是否有任何其他方法可以存储用户从特定网页复制的剪贴板项目列表，而不存储任何重复项目？

Answer 1

可以通过检测CTRL+C组合键获取复制的文本，将选中的文本添加到一个数组中，然后从数组中删除所有重复的元素，这样就不会出现重复的剪贴板项了存储。

如果您想存储用户复制的 HTML(而不是仅仅存储文本)，您可以使用 JavaScript 库，例如 Rangy .

这是一个演示，显示用户从页面复制的所有文本，而不显示任何重复的剪贴板项目:

http://jsfiddle.net/2RdRD/1/

var arrayOfCopiedText = new Array();
$(window).keyup(function (e) {
    if (e.ctrlKey && e.keyCode === 67) {
        arrayOfCopiedText[arrayOfCopiedText.length] = window.getSelection().toString();

        //remove duplicates from the array
        arrayOfCopiedText = removeDuplicates(arrayOfCopiedText);

        alert("List of current clipboard items: " + JSON.stringify(arrayOfCopiedText));
    }
});

function removeDuplicates(names) {
    var uniqueNames = [];
    $.each(names, function (i, el) {
        if ($.inArray(el, uniqueNames) === -1) uniqueNames.push(el);
    });
    return uniqueNames;
}