ZeroClipboard插件——复制到剪切板

ZeroClipboard是一个轻量级的jQuery“复制到剪贴板”插件采用了时下流行的零剪贴板库。
官网:http://www.steamdev.com/zclip


参数及默认值
path(必选)  ZeroClipboard.swf的路径  默认: ZeroClipboard.swf

copy(必选)  字符串或表达式返回字符串  默认: null
afterCopy(可选)  指定文本后可以覆盖alert警告框  默认: null
beforeCopy(可选)  指定一个函数之前调用文本复制。  默认: null

clickAfter(可选) 布尔值 默认: true
setHandCursor(可选)  布尔值 默认: true
setCSSEffects(可选)  布尔值  默认: true

示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>jquery插件ZeroClipboard复制到剪切板</title>
    </head>
    <body>
        <input id="txt" type="text" />
        <a id="btn">复制链接</a>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.zclip.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#btn").zclip({
                    path: "js/ZeroClipboard.swf",
                    copy: function(){
                        return $("#txt").val();
                    }
                });
            });
        </script>
    </body>
</html>

 

 

posted @ 2013-06-23 15:10  前端咖  阅读(1480)  评论(0编辑  收藏  举报