jquery的zclip外掛實現複製文字到剪下板

守護大白菜發表於2017-03-08
jQuery

注意;先在網上下載jquery-zclip-master外掛

以下程式碼最好在伺服器下執行


<!doctype html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jquery的zclip外掛實現複製文字到剪下板</title>
    <script src="./jquery-1.10.2.min.js"></script>  
    <script src="./jquery-zclip-master/jquery.zclip.js"></script>
</head>
    <body>
        <textarea id="cop" cols="30" rows="10">需要複製的內容</textarea>  
        <button id="copy">copy</button>  
    </body>
</html>
<script>  
        $('#copy').zclip({  
            path: './jquery-zclip-master/ZeroClipboard.swf',  /*注:此處路徑一定要保證正確*/
            copy: function(){  /*複製內容*/  
            return $(this).siblings('#cop').val();
            },  
            beforeCopy:function(){  /* 按住滑鼠時的操作 */
                $(this).css("color","orange");
            },
            afterCopy: function(){  /*複製成功後的操作*/  
                alert("複製成功")  
            }  
        });  
</script>  

相關文章