教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery使用jquery.zclip插件复制对象的实例教程

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

发布时间:2014-05-21   编辑:jiaochengji.com
这篇文章主要介绍了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 id='msg'/>").insertAfter($('#copy_input')).text('复制成功');
        }
    });
});

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

复制代码 代码如下:

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

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

复制代码 代码如下:

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

您可能感兴趣的文章:
jquery使用jquery.zclip插件复制对象的实例教程
Jquery插件写法笔记整理
Jquery插件编写简明教程
JQUERY 对象与DOM对象之两者相互间的转换
40款非常棒的jQuery 插件和制作教程(系列二)
jQuery插件教程
JQuery插件Style定制化方法的分析与比较
jQuery插件原来如此简单 jQuery插件的机制及实战
基于jQuery的表格操作插件
jquery 插件学习(二)

关键词: jquery.zclip  复制对象   
[关闭]
~ ~