h5 复制功能实现(兼容IOS和android)

安卓实现方法:

document.getElementById('#input').select();   //选择所要复制的文本节点

document.exexCommand('copy');   //执行浏览器的copy命令实现复制   

 

IOS实现方法:

1、window.getSelection().removeAllRanges();   //将页面所有的文本区域都从选区中移除

2、var range =  docuement.createRange();   //创建一个文本区域

3、var test = document.getElementById('#input');  //获取所需要复制的节点

4、range.selectNode(test);   //将我们的所选节点添加到文本区域中

5、window.getSelection().addRange(range);  //将文本区域添加至选区中

6、document.execCommand('copy');   //执行浏览器的复制命令

7、window.getSelection().removeAllRanges();  //最后再移除选区中的所有文本区域

 

这两个方法中都用到了document.execCommand(),这个是用来执行浏览器菜单的很多功能,例如全选等等,这里不再赘述,

可以自行百度用法

 

你可能感兴趣的:(移动端开发)