JS如何实现手机复制功能？

JavaScript020

JS如何实现手机复制功能？,第1张

JS是无法读取剪切板数据的，也就是说JS无法实现这个功能。

实现这样的功能需要借助一falsh插件来完成，可以找下falsh网页复制插件，这些插件都会有相关的代码，可以直接使用。

纯的js时没有这样的功能的（仅IE可以），而zeroclipboard是基于flash实现的，手机比如iOS，直接不支持flash，android安装flash的也很少。因此应考虑别的方案或者在手机端不做这个功能。

①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效；（解决方案：将文本通过绝对定位或其他方式移除屏幕外）

②ios中不能复制属性值，只能复制文本元素节点；

给按钮添加一个单击属性 <button onclick="copy">点我复制P 里面的内容</button>

比如要复制的是p标签的文字 <p id="p">123</p>           <p id="p2">456</p>

<!DOCTYPE html>

<html>

<head>

    <title>复制内容</title>

    <script>

        function copy(){

            var a = document.getElementById("p").innerText//获取P字段里面的内容。

            document.getElementById("p2").innerText = a  //把p字段里的内容赋予到id为P2的标签里

        }

    </script>

</head>

<body>

    <button onclick="copy()">点我复制P 里面的内容</button>

    <p id="p">123</p>           <p id="p2">456</p>

</body>

</html>