js+flash实现，单击按钮复制文本框内容

最新推荐文章于 2018-07-02 00:09:29 发布

Php穿越

最新推荐文章于 2018-07-02 00:09:29 发布

阅读量1.5k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/u012743411/article/details/48470035

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先下载ZeroClipboard.js和ZeroClipboard.swf，这两个插件，并引入到项目中，要根据项目的路径引入如下

<script language="javascript" type="text/javascript" src="{JS_PATH}swfupload/ZeroClipboard.js"></script>

html部分：

<span style="font-size:18px;"><input type="text" value="需要复制的内容" id="copy_txt" class="input-text" size="70"/>
<span id="copy_btn" class="copy_but">点击复制</span>

然后在加入jquery代码如下

<script language="JavaScript">
$(function () {
	ZeroClipboard.setMoviePath("{JS_PATH}swfupload/ZeroClipboard.swf");
        var clip = new ZeroClipboard.Client(); // 新建一个对象
        clip.setHandCursor(true); // 设置鼠标为手型
        clip.setText("要复制的内容同HTML一样"); // 设置要复制的文本。
        clip.glue("copy_btn"); // 和上一句位置不可调换，单击按钮的ID
        clip.addEventListener("complete", function () {
            alert("复制成功！");
        });
    })
</script>