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

JavaScript014

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>