jQuery副本到剪贴板4个选项

>本文探讨了四个用于自动化剪贴板复制的jQuery和JavaScript方法：ZCLIP，零剪贴板，复制文本解决方法以及David Walsh教程中的方法。 每种方法都提供独特的优点和劣势，使一些更适合特定情况。

作者与其他插件选项相比，由于其相对简单性，作者建议复制文本解决方法。

>

>至关重要的是，使用纯JavaScript可以在没有jQuery的情况下实现剪贴板复制。但是，浏览器兼容性可能是一个问题，因为

缺乏普遍的支持。 诸如剪贴板库或剪贴板API之类的替代方案提供了更好的跨浏览器兼容性。document.execCommand('copy')

>我今天的实验涉及使用jQuery（和Plain JavaScript）来自动剪贴板复制，这是一项通过右键单击＆gt＆gt;复制或ctrlC。通常，

方法可以处理此操作，但它似乎仅在Internet Explorer中起作用。 解决方法涉及使用Flash SWF文件。存在几个jQuery插件，我已经确定了四个选项：execCommand('copy')>

1. ZClip：此插件仅通过超链接功能。 它的核心功能（仅用于IE）如下所示：

function copy(str) {
    //for IE ONLY!
    window.clipboardData.setData('Text', str);
}

零剪贴板：
2. 一个可靠的剪贴板插件（省略为简短的下载链接）。其用法的片段：

function init() {
    clip = new ZeroClipboard.Client();
    clip.setHandCursor(true);
    clip.addEventListener('load', my_load);
    clip.addEventListener('mouseOver', my_mouse_over);
    clip.addEventListener('complete', my_complete);
    clip.glue('d_clip_button');
}

复制文本解决方法：
3. 此方法提供了一种更简单的方法。

jQuery代码：

$(document).ready(function(){
    $('li').live('click', function(){
        var path = $('#pathtonode').html();
        path = path.replace(/ > /g,".");
        addtoppath(path);
    });
    $('#toppathwrap').hide();

    function addtoppath(path) {
        $('#copypath').val(path);
        $('#toppathwrap').show();
        $('#copypath').focus();
        $('#copypath').select();
    }   
});

$('#copypath', 'body')
    .find('a')
        .livequery('click', function() {
            $(this).blur();
            var nodetext = $('#id-of-element-to-copy').html();
            $('#copypath input').focus();
            $('#copypath input').select();
            return false;
        });

html代码：

> css代码：

<div id="toppathwrap">
    <input type="text" id="copypath">
</div>

>

> David Walsh教程方法：

#toppathwrap { position:fixed; top:0px; right:0px; background-color:#F2F1E8; padding:5px; display:none; }

此方法利用JavaScript函数，并可能是更广泛兼容性的闪存组件。

>
（注意：简短省略源链接，但在原始输入中存在。

以上是jQuery副本到剪贴板4个选项的详细内容。更多信息请关注PHP中文网其他相关文章！