JS兼容各大浏览器的复制代码（结合ZeroClipboard.js）的简单示例

人气：690 时间：2018-09-24

这篇文章主要为大家详细介绍了JS兼容各大浏览器的复制代码（结合ZeroClipboard.js）的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。
经测试代码如下：


/**
 * 兼容各大浏览器的复制代码（结合ZeroClipboard.js）
 *
 * @param 
 * @arrange (512.笔记) www.q1010.com
 **/
<script type="text/javascript" src="ZeroClipboard.js"></script>

<script language="JavaScript">
 var clip = null;
 function $(id) { return document.getElementById(id); }
 function init() {
     clip = new ZeroClipboard.Client();
     clip.setHandCursor(true);    
     clip.addEventListener('mouseOver', function (client) {
     // update the text on mouse over
     clip.setText( $('fe_text').value );
     });
      
     clip.addEventListener('complete', function (client, text) {
     //debugstr("Copied text to clipboard: " + text );
     alert("该地址已经复制，你可以使用Ctrl+V 粘贴。");
     });
     clip.glue('clip_button', 'clip_container' );
 }
</script>
</head>
<body onl oad="init()">
<input id="fe_text" cols=50 rows=5 value=复制内容文本1 >

<span id="clip_container"><span id="clip_button"><b>复制</b></span></span>

// 来自：四海网（www.q1010.com）

本文来自：http://www.q1010.com/174/1431-0.html

注：关于JS兼容各大浏览器的复制代码（结合ZeroClipboard.js）的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：复制内容

您可能感兴趣的文章

上一篇：JS 浏览器兼容 copyToClipboard("复制内容")

下一篇：JS 计算字符串实际长度