当前位置:Gxlcms > JavaScript > jquery使用jquery.zclip插件复制对象的实例教程

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

时间:2021-07-01 10:21:17 帮助过:2人阅读

代码如下:
<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();

人气教程排行