Question

想知道如何使用jQuery zclip复制DIV标记的内容而不是文本框。

Ex：<div class="txtdiv>一些文字如何使用zclip将“some text”复制到剪贴板？

提前致谢。

Answer 1

我没有测试过这个 - 但看起来你只需要正确的选择器

$('a#copy-description').zclip({
    path:'js/ZeroClipboard.swf',
    copy:$('div.txtdiv').text()
});

Answer 2

我想如果你有

<div id='copy'>Copy this</div>
<button id='copy-button'>copy</button>

你可以做到

$("#copy-button").zclip({
    path: "http://www.steamdev.com/zclip/js/ZeroClipboard.swf",
    copy: function() {
        return $(this).prev().text();
    }
});

在这里摆弄：http://jsfiddle.net/f4gZA/

Answer 3

你应该能够使用带有id标签的任何东西，我实际上是通过AJAX回发来抓取它，但它的想法是一样的。这适用于所有浏览器。

<script type="text/javascript">
    //any jQuery/js Objects we want initialized
    if (typeof (PageInfo) === "undefined") {
        var PageInfo = {
            //stuff needed for communication process
            VehicleID: null,
            PostHTML: '',
            TemplateHTML: '',
            CopiedTemplateID: -1,
            TimeoutResult: false,
            isEbay: false
        };
    }

    $(document).ready(function () {

        $('#btnCopy').each(function (i) {
            var $this = $(this);
            $(this).zclip({
                path: '/js/ZeroClipboard.swf',
                copy: function () {
                    PageInfo.VehicleID = $('#<%=Me.ddlVehicleID.ClientID %>').val();
                    var yesno = $('input[name=chkEbay]:checked').val()
                    if (yesno == 'Yes') {
                        PageInfo.isEbay = true;
                    }
                    $.ajax({
                        //do stuff
                    });
                    $.ajax({
                        /do more stuff
                    });
                    return PageInfo.PostHTML;
                },
                afterCopy: function () {
                    $('#imgConfirm').show();
                }
            });
        });

而html，我正在使用asp.net，但你应该可以使用类似的东西。

            <div style="float: left; margin: 5px 5px 5px 5px;">
                <b> Select a Vehicle:</b><br />
                <asp:DropDownList runat="server" ID="ddlVehicleid" />
            </div>

如何使用zclip复制DIV中的内容

3 个答案: