实现复制粘贴功能

丿天涯

参照这个网页实现复制粘贴功能 ：（不需要通过flash）http://blog.csdn.net/softwave/article/details/50054477


clipboard.min.js 已经下载下来了，但是接下来的步骤不知道在x5上如何操作，我需要在一个.w页面上点击一个按钮实现复制到剪贴板功能，希望懂的大神帮帮我这个菜鸟
说说具体什么步骤 谢谢大佬们

gzcyp2000

刚好前段时间项目中用到这个功能，拿出来分享，希望能帮助你。

3、与X5集成
(1) 在w文件中添加引用：
      var clipboard = require("$UI/dist/clipboard/clipboard");

(2)复制按钮class属性添加copyBtn

(3)将复制按钮的源码手工添加：
data-clipboard-action="copy"

（4）在js文件中添加事件代码：
    Model.prototype.copyBtnClick = function(event) {
        var cb = new clipboard('.copyBtn', {
            text : function() {return '要复制的内容xxxxx';}
        });
        cb.on('success', function(e) {
            console.log(e);
        });
        
        cb.on('error', function(e) {
            console.log(e);
        });        
    };

（5）OK!

gzcyp2000

取代flash复制到剪切板，更好页面性能，不会造成卡顿想象，不止兼容PC端，还优雅的兼容移动端ios的safari浏览器

丿天涯

谢谢大神!功能已经实现

Story

6666666学习了

bp711

楼主，在最新的ios系统12.2下复制失败，求帮助

bp711

在最新的ios系统12.2下复制失败,在ios系统12.1及以下的版本都能复制成功