当前位置:首页 » 代码教程 » js实现手机页面一键复制代码

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

最近公司做一个淘宝移动端活动页面,需要要生成一下淘口令,为了优化用户体验,需要做一个复制按钮,能够一键复制淘口令。代码如下(舍力仅测试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>
End
温馨提示:如果您对本文有疑问,请在本页留言即可!!!
觉得很赞 (14)付款方式
X
付款方式:
  • 微信
  • 支付宝
  • QQ红包

使用微信扫一扫
blogger
    发布日期:2018-06-11   所属类别:代码教程   浏览:16711次   评论:8次
    本文地址:http://www.shuyong.net/chengxu/1035.html [ 百度已收录 ]
    声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

填写好QQ号码,任点空白处自动获取

昵称

邮箱

网址

5楼、诺晨 [回复该留言]
2018-11-10 02:03
不可以,我就是每行复制的内容不一样,复制多行代码,脚本不变,然后点击每行的复制按钮,所有复制的都是其中一个内容!
舍力 [回复该留言]
2018-11-10 08:02
@诺晨:没有任何问题,检查一下你自己的放置问题,或者你直接把代码放入一个html中,打开试试就可以了。
4楼、诺晨 [回复该留言]
2018-11-09 08:32
复制多行这个应该怎么操作
舍力 [回复该留言]
2018-11-10 01:12
@诺晨:直接使用就可以了
3楼、起点终站 [回复该留言]
2018-06-13 12:41
路过支持~~~
2楼、网站建设 [回复该留言]
2018-06-12 02:27
原来这复制是这样的
1楼、杨小杰博客 [回复该留言]
2018-06-11 10:41
这个复制应该不支持手机端吧
舍力(博主) [回复该留言]
2018-06-12 00:58
@杨小杰博客:我自己测试是可以的。

个人资料

舍力

博主:舍力

Emlog交流群

    简单的道理,复杂的人生!

博客统计

  • 文章数量:1133篇
  • 文章评论:3520条
  • 总访问量:10300378次
  • 微语数量:81条
  • 在线人数:2人
  • 本站运行:11年2月28天
  • 估计博主很忙,已经很久没更新了!
Q2 虚位以待
Copyright © 2024 舍力博客 版权所有   粤ICP备11021420号
基于宝塔面板,数据存储于阿里云ECS
Powered by emlog / &Author 舍力博客.