很多站长朋友们都不太清楚html怎么复制框,今天小编就来给大家整理html怎么复制框,希望对各位有所帮助,具体内容如下:
本文目录一览: 1、 html怎么实现按钮复制内容,如下图 2、 如何制作出可以使html文本框中的内容复制的按钮 3、 html的里面的文字不能复制 怎样才能复制??? html怎么实现按钮复制内容,如下图下面代码是原生态复制,只适合ie内核的浏览。
<script type="text/javascript">
function copyText() { var text = document.getElementById("text").innerText; var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
alert("复制成功");
} </script>
<div class="wrapper">
<p id="text">我把你当兄弟你却想着复制我?</p>
<textarea id="input">这是幕后黑手</textarea>
<button onclick="copyText()">copy</button>
</div>
如何制作出可以使html文本框中的内容复制的按钮<textarea readonly rows="31" cols="80" id="registerUrl" onclick=copyinput()>A bird is in the tree.</textarea>
<input type="button" value="复制" onclick="copyinput()"/>
<SCRIPT LANGUAGE="JavaScript">
function copyinput()
{
var input=document.getElementById("registerUrl");//input的ID值
input.select(); //选择对象
document.execCommand("Copy"); //执行浏览器复制命令
}
</SCRIPT>
html的里面的文字不能复制 怎样才能复制???利用浏览器中的开发者工具,就可以从查看html的源代码,从源代码中复制,就可以实现复制html的文字了。
关于html怎么复制框的介绍到此就结束了,不知道本篇文章是否对您有帮助呢?如果你还想了解更多此类信息,记得收藏关注本站,我们会不定期更新哦。
查看更多关于html怎么复制框 复制html中内容的详细内容...