博客列表 >javascript实现将文本复制到剪贴板

javascript实现将文本复制到剪贴板

猿数据
猿数据原创
2017年08月11日 19:59:361154浏览

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Copy_test</title>

    <style type="text/css">

        button,input{padding:30px;}

        input{width: 70%}

    </style>

</head>

<body><center>

<div id="Content">文本内容是是Test</div><br/>

<button onclick="Copy()" ontouchstart="func()">复制</button><br/><br/>

<input type="text">


<script type="text/javascript">

     

    function Copy(str){

          var Content = document.getElementById("Content");

          var str = Content.innerHTML;


          var save = function(e){

            e.clipboardData.setData('text/plain', str);

            e.preventDefault();

          }

          document.addEventListener('copy', save);

          document.execCommand('copy');

          document.removeEventListener('copy',save);

          alert('复制成功')

    }


</script>



    

</body>

</html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议