当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery使用jquery.zclip插件复制对象的实例教程

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

2018年03月15日  | 移动技术网IT编程  | 我要评论

代码如下:

<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();
}

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

. 代码如下:


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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网