我想为特定网站创建一个基于 JavaScript 的剪贴板管理器,但我不确定从哪里开始。由于大多数网络浏览器不允许直接访问剪贴板内容,有没有其他方法可以存储用户从特定网页复制的剪贴板项目列表,而不存储任何重复项目?
问问题
591 次
2 回答
2
您可以通过检测组合键来获取复制的文本CTRL+C
,将选定的文本添加到数组中,然后从数组中删除任何重复的元素,这样就不会存储重复的剪贴板项。
如果您想存储用户复制的 HTML(而不仅仅是存储文本),您可以使用 JavaScript 库,例如Rangy。
这是一个演示,显示用户从页面复制的所有文本,而不显示任何重复的剪贴板项目:
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;
}
于 2013-05-16T19:28:14.620 回答
0
如果您有一个 ui 让用户复制到剪贴板并将该值存储在某个地方的 dom 中,则可以使用 execCommand。
https://developer.mozilla.org/en-US/docs/Rich-Text_Editing_in_Mozilla
于 2013-05-16T19:36:11.817 回答