zoukankan      html  css  js  c++  java
  • js复制功能

    
    
    <div id="cardList">
            <div class="btn" onClick="copy(111)">点击我,复制我</div>
     </div>
    <script type="text/javascript">   
            function copy(str){
                var save = function (e){
                    e.clipboardData.setData('text/plain',str);
                    e.preventDefault();
                }
                document.addEventListener('copy',save);
                document.execCommand("copy");
                alert("复制成功");
            }
    </script>
    
    
    
    <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
    <input type="button" onClick="copyUrl2()" value="点击复制代码" />
    <script type="text/javascript">
    function copyUrl2()
    {
    var Url2=document.getElementById("biao1");
    Url2.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("已复制好,可贴粘。");
    }
    </script>
    <div cols="20" id="biao1">12345678dddd</div>
    <input type="button" onClick="copyUrl2()" value="点击复制代码" />
    <script type="text/javascript">
        function copyUrl2(){
                var Url2=document.getElementById("biao1").innerText;
                var oInput = document.createElement('input');
                oInput.value = Url2;
                document.body.appendChild(oInput);
                oInput.select(); 
                document.execCommand("Copy"); 
                oInput.style.display='none';
                alert('复制成功');
           }
    </script>
  • 相关阅读:
    Javascript之in操作符的用法
    auguements实参对象的数组化
    jQuery多库共存问题解决方法
    JS框架设计之命名空间设计一种子模块
    WebStorm 快键键
    Sington单例模式(创建型模式)
    Asp.Net Cache缓存技术学习
    跨域
    webuploader跨域上传
    BuiltWith
  • 原文地址:https://www.cnblogs.com/sure2016/p/9518994.html
Copyright © 2011-2022 走看看