码迷,mamicode.com
首页 > Web开发 > 详细

js复制黏贴

时间:2014-10-30 20:38:19      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   ar   sp   div   on   

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ZeroClipboard demo实例</title>
		<script src="http://web.2144.cn/static/core/jquery.min.js"></script>
        <script src="js/ZeroClipboard.js"></script>
    <script>
                $(function(){
                        var clip = new ZeroClipboard( document.getElementById("copy-button"), {
                          //<span style="color: #1d1d1d; font-family: tahoma, arial, 宋体; letter-spacing: 1px; line-height: 29px; white-space: normal; background-color: #ffffff;">指定ZeroClipboard.swf的路径</span>
                          moviePath: "js/ZeroClipboard.swf" 
                        } );
                        
                        clip.on( ‘load‘, function(client) {
                          // alert( "movie is loaded" );
                        } );
                        
                        clip.on( ‘complete‘, function(client, args) {
                          //this.style.display = ‘none‘; // "this" is the element that was clicked
                          alert("复制成功,复制的内容为: " + args.text );
                        } );
                        
                        clip.on( ‘mouseover‘, function(client) {
                          // alert("mouse over");
                        } );
                        
                        clip.on( ‘mouseout‘, function(client) {
                          // alert("mouse out");
                        } );
                        
                        clip.on( ‘mousedown‘, function(client) {
                                //在这里为剪贴板赋值
                                clip.setText($("#_input").text());
                        } );
                        
                        clip.on( ‘mouseup‘, function(client) {
                          // alert("mouse up");
                        } );
                });
    </script>
</head>
<body>

	<button id="copy-button" title="复制到剪贴板">复制到剪贴板</button>
	<input type="text">
	<span id="_input">5645644444</span>







</body>
</html>

  

js复制黏贴

标签:style   blog   http   io   color   ar   sp   div   on   

原文地址:http://www.cnblogs.com/xupeiyu/p/4063503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!