背景

平时自己作网页小游戏的时候,有小伙伴需要把该游戏链接分享给别的朋友,但是每次都从浏览器那复制太麻烦了。

方案

我们在页面中提供一个“分享”按钮,当用户点击它时,我们有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实现简单分享功能