Question

我不想使用flash，而是使用新的HTML5 Clipboard API。

我想通过点击$('.link-copy')

来解雇复制活动

我该怎么做？我似乎无法找到一个有效的例子。

Answer 1

以下是如何执行此操作的一个非常基本的示例：

<强> HTML ：

<p id="p">Some random text</p>

<强>的JavaScript ：

copyContent = function (el) {
    // Create a temporary element
    var $tmp = $("<input />");
    // Add the temp el to the DOM
    $("body").append($tmp);
    // Add the text to the temp el and select it
    $tmp.val($(el).text()).select();
    // Tell the broswer to copy the selection
    document.execCommand("copy");
    // Remove the temporary element
    $tmp.remove();
}

执行click

$('.link-copy').on('click', function() {
    copyContent('#p');
});

Example Fiddle

通过单击jQuery DOM使用HTML5 Clipboard API复制到剪贴板？

1 个答案: