关于混合app里h5弹窗中对url地址的复制到粘贴板上功能实现的问题记录

方法如下:
html代码:
TC.MessageBox.show({       // TC.MessageBox.show是弹窗
   content: " 请复制网址用浏览器打开下载 cols='26' rows='2' readonly id='biao1'>http://mall.epec.com/epecms/epecapp.html
class='copy' style='color:red;'>复制"
})
代码粘上去有问题那就截个图放上来(怕忘了) 关于混合app里h5弹窗中对url地址的复制到粘贴板上功能实现的问题记录

JS代码:
function copyUrl2(){
var Url2=document.getElementByIdx_x_x("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
;
        //$(".smalltips").html("复制成功").fadeIn().delay(800).fadeOut();
}
       但是上面这个方法是有兼容性问题的,兼容不太好,经验证在安卓6及以上版本是管用的,但是在安卓6以下版本是无效的。
还有其他复制到粘贴板上的方法,但是在混合APP中的h5页面是有问题的,在浏览器中管用。
例如:
html代码:
复制到剪贴板

输入需要复制的内容
代码粘上去有问题那就截个图放上来 关于混合app里h5弹窗中对url地址的复制到粘贴板上功能实现的问题记录

js代码:
function copyData() { 
var copyText = document.getElementByIdx_x_x("ctl00_cpRight_txtUrl").innerText;   //console.log(copyText)
window.clipboardData.setData("Text",copyText)
除此之外还有用插件ZeroClipboard.js进行,但是这个是在浏览器上管用,查资料是基于flash的,但现在很多手机不是都有flash(安卓少有,ios不支持),所以不可取。网上说貌似单纯的js是没有这样的功能的。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值