为了账号安全,请及时绑定邮箱和手机立即绑定

怎么实现移动端的复制粘贴以及兼容性?

怎么实现移动端的复制粘贴以及兼容性?

偶然的你 2019-03-21 18:15:36
//html<input id="inviteLink1" type="text" value="http:www.66ddcc.cn/user/invite?uid=15467789331"/><button class="inviteBtn1" data-clipboard-action="copy" data-clipboard-target="#inviteLink1">复制分享</button>//js$('.inviteBtn1').on('tap', function() {    try {        if(window.clipboardData.setData('Text', $('#inviteLink1').val())){            alert('复制成功1');        }else{            alert('您的浏览器不支持,请选择“拷贝”进行复制1');        }    } catch(e1) {        try {            var clipboard = new Clipboard('#inviteBtn1');            clipboard.on('success', function(e) {                e.clearSelection();                alert('复制成功!2')            });            clipboard.on('error', function(e) {                alert('您的浏览器不支持,请选择“拷贝”进行复制2');            });        } catch(e2) {            inviteLink1.select();            document.execCommand('copy');        }    }});据我所知有这三种方法其他的方法不清楚了,第一种方法兼容性好像不好,第二个插件总是提示Clipboard is not define,总是没有定义我也不太清楚,第三种在安卓下试了几个浏览器没有太大问题,但是ios下没有效果。有没有能够兼容安卓和ios的复制粘贴功能,或者第二种方法该怎么解决?如果不直接复制到粘贴板,该怎么打开浏览器自带的复制菜单,自动框选后让用户点击复制。
查看完整描述

2 回答

?
慕妹3146593

TA贡献1820条经验 获得超9个赞

使用相关插件实现简便快捷,如果有不能实现的方法搜寻其他插件或为平台不支持


查看完整回答
反对 回复 2019-04-14
  • 2 回答
  • 0 关注
  • 640 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号