ZeroClipboard.js复制内容到剪贴板(跨浏览器)VIP专享VIP免费

背 景 : 在 开 发 中 经 常 会 用 到 复 制 的 功 能 ， 在 IE 下 通 过 JavaScript 内 置 的window.clipboardData.setData 可 以 简 单 实 现 复 制 到 剪 贴 板 功 能 ,但 是 无 法 兼容 其 他 浏 览 器 ,所 以 今 天 介 绍 一 种 终 极 解 决 方 法 ： 使 用 jhuckaby写 的 Zero Clipboard 的 js类 库 。 此 方 法 利 用 Flash 完 成 进 行 复 制 内 容 到 剪 贴 板 ， 所 以 只要 浏 览 器 装 有 Flash 就 可 以 复 制 内 容 。 Zero Clipboard 的 实 现 原 理 Zero Clipboard 利 用 透 明 的 Flash 让 其 漂 浮 在 复 制 按 钮 之 上 ， 这 样 其 实 点 击 的不 是 按 钮 而 是 Flash ， 这 样 将 需 要 的 内 容 传 入 Flash， 再 通 过 Flash 的 复 制 功能 把 传 入 的 内 容 复 制 到 剪 贴 板 。 Zero Clipboard 的 安 装 方 法 其 实 也 不 算 安 装 啦 ， 就 是 使 用 前 的 准 备 工 作 。 首 先 需 要 下 载 Zero Clipboard 的 压 缩 包 ， 解 压 后 把 文 件 夹 中 两 个 文 件 ：ZeroClipboard.js 和 ZeroClipboard.swf 放 入 到 你 的 项 目 中 。 Zero Clipboard : [项 目 主 页 ] [zip下 载 ] [在 线 演 示 ] 然 后 把 在 你 要 使 用 复 制 功 能 的 页 面 中 引 入 Zero Clipboard 的 js文 件 ：ZeroClipboard.js 如下 代码： 注意： 以 上 ZeroClipboard.js, ZeroClipboard.swf需 要 放 在 同一 路径下 。 如果不 在 同一 路径， 可 使 用 ZeroClipboard.setMoviePath( “Flash 路径” );来设置 ZeroClipboard.swf 地址 Zero Clipboard 实 现 简 单 跨浏 览 器 复 制 var clip = new ZeroClipboard.Client(); // 新建一 个 对象 clip.setHandCursor( true ); // 设置 鼠标为手型 clip.setText("哈哈"); // 设置 要 复 制 的 文 本。 // 注 册 一 个 button， 参 数 为 id。 点 击 这 个 button 就 会 复 制 。 //这 个 button 不 一 定 要 求 是...