首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:56:55
字体:
来源:转载
供稿:网友
这篇文章主要介绍了jquery使用jquery.zclip插件复制对象的实例教程,当然也可以复制输入框input、textarea等内容,下面看代码

复制代码 代码如下:


<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/>").insertAfter($('#copy_input')).text('复制成功');
        }
    });
});

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

复制代码 代码如下:


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

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

复制代码 代码如下:


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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选