原生js实现复制内容到剪切板(解决jquery实现不了的问题)

    xiaoxiao2021-03-25  159

    以下适用于火狐谷歌浏览器:且数据是循环遍历出来的,所以id为变量

    foreach($list as $k=>$val){     <textarea id=$k style="position:absolute;bottom:0px; height: 1px; width: 1px;float: right;resize: none;">

                要复制的内容(可以提前拼接好放进来)    </textarea> <td width="10%"><input type="button" onClick=jsCopy("$k"); value="复制" /></td> }

    <!--复制-->

    <script type="text/javascript">     function jsCopy(k){  //复制事件         var e=document.getElementById(k);//获取要复制的对象,注:只能是对象不能是文本 像document.getElementById(k).text()这种不行;         e.select(); //选择对象         tag=document.execCommand("Copy"); //执行浏览器复制命令         if(tag){             alert('复制内容成功');         }     } </script>
    转载请注明原文地址: https://ju.6miu.com/read-3633.html

    最新回复(0)