起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3676|回复: 12

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

[复制链接]

4

主题

14

帖子

34

积分

新手上路

Rank: 1

积分
34
QQ
发表于 2017-11-10 11:08:40 | 显示全部楼层 |阅读模式
app  中可以调用cordova插件实现点击按钮实现文本的复制粘贴,用浏览器或者微信打开就不能复制了,怎么解决

4

主题

14

帖子

34

积分

新手上路

Rank: 1

积分
34
QQ
 楼主| 发表于 2017-11-10 11:09:54 | 显示全部楼层
@坛主
回复

使用道具 举报

发表于 2017-11-10 11:55:57 | 显示全部楼层
这个是web标准实现!需要自己上网搜下资料和案例
https://www.cnblogs.com/shizhouyu/p/4241356.html
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

14

帖子

34

积分

新手上路

Rank: 1

积分
34
QQ
 楼主| 发表于 2017-11-10 15:20:24 | 显示全部楼层
liangyongfei 发表于 2017-11-10 11:55
这个是web标准实现!需要自己上网搜下资料和案例
https://www.cnblogs.com/shizhouyu/p/4241356.html ...

clipboard.js插件为什么用不了?
回复 支持 反对

使用道具 举报

发表于 2017-11-10 15:24:31 | 显示全部楼层
胡椒盐噪声 发表于 2017-11-10 15:20
clipboard.js插件为什么用不了?

corodva插件只能在APP中运行!
浏览器中就是调用标准的js方法实现的!
具体上网查下吧!你可以先在标准的HTML 中运行测试!成功后再放入wex5 的功能里

js类库引入就可以调用
http://doc.wex5.com/js-module-01/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

14

帖子

34

积分

新手上路

Rank: 1

积分
34
QQ
 楼主| 发表于 2017-11-10 15:45:55 | 显示全部楼层
liangyongfei 发表于 2017-11-10 15:24
corodva插件只能在APP中运行!
浏览器中就是调用标准的js方法实现的!
具体上网查下吧!你可以先在 ...

wex5 将clipboard.js文件粘贴到项目目录下,clipboard.js报错了
在标准的HTML中写的demo引用clipboard.js可以实现浏览器的复制粘贴功能
回复 支持 反对

使用道具 举报

发表于 2017-11-10 15:47:14 | 显示全部楼层
胡椒盐噪声 发表于 2017-11-10 15:45
wex5 将clipboard.js文件粘贴到项目目录下,clipboard.js报错了
在标准的HTML中写的demo引用clipboar ...

clipboard.js 报错是设计时吧!运行时没问题就可以了!
设计时不用管,或者屏蔽
http://doc.wex5.com/wex5-ui-question-list-0001/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

14

帖子

34

积分

新手上路

Rank: 1

积分
34
QQ
 楼主| 发表于 2017-11-10 16:14:14 | 显示全部楼层
clipboard.js引入之后

                        var clipboard = new Clipboar('.x-modal-button', {
               text: function() {
                   return text;
               }
           });
运行时报错 Clipboard is not defined
回复 支持 反对

使用道具 举报

发表于 2017-11-10 16:21:02 | 显示全部楼层
胡椒盐噪声 发表于 2017-11-10 16:14
clipboard.js引入之后

                        var clipboard = new Clipboar('.x-modal-button', {

你是怎么引入的??
这个文档中的引入方式都试过了吗??

当然还可以使用script标签的方式引入


http://docs.wex5.com/wex5-ui-question-list-2180/

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

14

帖子

34

积分

新手上路

Rank: 1

积分
34
QQ
 楼主| 发表于 2017-11-10 17:08:15 | 显示全部楼层
liangyongfei 发表于 2017-11-10 16:21
你是怎么引入的??
这个文档中的引入方式都试过了吗??

不用new   
改为if(!Browser.isX5App){
                require(['./clipboard.min'], function(Clipboard){
                        var clipboard = new Clipboard('.x-modal-button',{
                                text:function(){
                                        return 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"
                                });
                        });
                               
                });
        }
就可以了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-30 13:28 , Processed in 0.057614 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表