移动端浏览器打开的页面不能实现复制粘贴

胡椒盐噪声

换了一种引入clipboard.min.js的方式

liangyongfei

胡椒盐噪声 发表于 2017-11-10 17:13
换了一种引入clipboard.min.js的方式

欢迎，一个简单功能的案例打包发来！方便大家参考测试！

胡椒盐噪声

1.复制粘贴clipboard.min.js文件到项目目录下
2.在需要浏览器复制粘贴功能的js里
if(!Browser.isX5App){
                require(['./clipboard.min'], function(Clipboard){
                        var clipboard = new Clipboard('.x-modal-button',{//.x-modal-button为触发复制功能的组件的class或者id也可以，具体可参照clipboard.min.js的demo
                                text:function(){
                                        return text;//text为需要复制到剪贴板的文本内容
                                }
                        });
                               
                         clipboard.on('success', function(e) {
                                 justep.Util.hint("内容已复制到剪贴板", {
                                      "delay" : 2000,
                                        "position" : "bottom"
                           });
                         });

                        clipboard.on('error', function(e) {
                                justep.Util.hint("浏览器不支持，请手动复制", {
                                        "delay" : 2000,
                                        "position" : "bottom"
                                });
                        });
                               
                });
        }
就可以实现了，app复制粘贴可以调用手机自带cordova插件，也可以用clipboard.min.js插件实现，兼容性很强