jquery使用jquery.zclip插件复制对象的实例教程

前端技术 2023/09/06 JavaScript

复制代码 代码如下:

<script type=\"text/javascript\" src=\"js/jquery.js\"></script>
<script type=\"text/javascript\" src=\"js/jquery.zclip.min.js\"></script>

复制代码 代码如下:

$(function(){
    $(\'#copy_input\').zclip({
        path: \'js/ZeroClipboard.swf\',
        copy: function(){//复制内容
            return $(\'#mytext\').val();
        },
        afterCopy: function(){//复制成功
            $(\"<span id=\'msg\'/>\").insertAfter($(\'#copy_input\')).text(\'复制成功\');
        }
    });
});

值得注意的是如果是复制的内容来自输入框input、textarea等，copy对象使用：

复制代码 代码如下:

copy: function(){
    return $(\'#mytext\').val();
}

如果是复制的内容来自页面元素div、p之类的，copy对象使用：

复制代码 代码如下:

copy: $(\'#mytext\').text();

本文地址：https://www.stayed.cn/item/15001

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案