背景
平时自己作网页小游戏的时候,有小伙伴需要把该游戏链接分享给别的朋友,但是每次都从浏览器那复制太麻烦了。
方案
我们在页面中提供一个“分享”按钮,当用户点击它时,我们有js实现把链接存到用户的剪切板中。
实现
例如,我们要分享的链接是百度一下[http://www.baidu]
1.新加一个输入控件
var input=document.createElement("input");
input.type="text";
2.把链接加入输入控件中
input.value="http://www.baidu";
3.把新加的输入控件添加至我们的页面
document.body.appendChild(input);
4.调用命令选中该输入控件
input.select();
5.调用命令执行复制操作
document.exeComand("copy");
6.此时我们的复制工作已完成,我们将此多余的输入控件清除
document.body.removeChild(input);
7.大功告成,当用户点击此按钮时,链接就会复制到其剪切板中
更多推荐
html实现简单分享功能
发布评论