码迷,mamicode.com
首页 > 移动开发 > 详细

移动端实现复制到剪贴板

时间:2016-09-27 17:58:54      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:

    实现复制到剪贴板,用js来实现这个功能,开始的时候只搜索到一个用jquery插件zclip实现的方法,但是这个方法要用的flash,移动端浏览器基本都不支持flash,所以要在移动端实现用这个方法就不灵了。

    最后找到了一个可以实现的方法还比较简单,代码如下:

function Copy(str){
    var save = function(e){
        e.clipboardData.setData(‘text/plain‘, str);
        e.preventDefault();
    }
    document.addEventListener(‘copy‘, save);
    document.execCommand(‘copy‘);
    document.removeEventListener(‘copy‘,save);
    alert(‘复制成功!‘);
}
$(‘#cardList‘).on(‘click‘, ‘div.btn‘, function(){
    Copy($(this).prev(‘div‘).find(‘span.code‘).text());
});

 

移动端实现复制到剪贴板

标签:

原文地址:http://www.cnblogs.com/lazaphy/p/5913557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!