首页 / 脚本样式 / JavaScript / jquery使用jquery.zclip插件复制对象的实例教程

复制代码 代码如下:
<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（）;