js实现手机页面一键复制代码

2018-6-11 / 9 评论 / 17653 阅读

最近公司做一个淘宝移动端活动页面,需要要生成一下淘口令,为了优化用户体验,需要做一个复制按钮,能够一键复制淘口令。代码如下(舍力仅测试ios系统下微信打开的网页是可以复制的,其他途径未做测试):

<textarea name="text" id="sl" readonly="readonly">需要复制的内容</textarea>
<button onclick="slcopy()">点击复制</button>
<script>
function slcopy(){
var ele = document.getElementById("sl");//ele是要复制的元素的对象
ele.focus();
// ele.select();
ele.setSelectionRange(0, ele.value.length);
if(document.execCommand('copy', false, null)){
//success info
alert("复制成功")
} else{
//fail info
alert("复制失败")
}
}
</script>

评论一下?

OωO
取消
    1. 头像
      雪芽
      第6楼
      你好,看到你的文章感觉非常不错,希望与贵站友情链接

      WP建站网-nizhidaole.cn

      如果博主同意的话,就回复下吧,
      回复
    1. 头像
      诺晨
      第5楼
      不可以,我就是每行复制的内容不一样,复制多行代码,脚本不变,然后点击每行的复制按钮,所有复制的都是其中一个内容!
      回复
      1. 头像
        舍力
        @诺晨:没有任何问题,检查一下你自己的放置问题,或者你直接把代码放入一个html中,打开试试就可以了。
        回复
    1. 头像
      诺晨
      第4楼
      复制多行这个应该怎么操作
      回复
      1. 头像
        舍力
        @诺晨:直接使用就可以了
        回复
    1. 头像
      起点终站
      地板
      路过支持~~~
      回复
    1. 头像
      网站建设
      板凳
      原来这复制是这样的
      回复
    1. 头像
      杨小杰博客
      沙发
      这个复制应该不支持手机端吧
      回复
      1. 头像
        舍力
        @杨小杰博客:我自己测试是可以的。
        回复