首页 » Blog » 电脑世界 ✿ computer » 浏览内容
JS点击后自动复制功能
本文介绍了网页运行代码框(runCode)， 复制代码框(copyCode)， 保存代码框(saveCode),的实现方法。javascript代码：
复制内容到剪贴板
程序代码
程序代码<script>
//对代码进行操作
function runCode(obj)
{
var winname = window.open("", "_blank","resizable=yes,scrollbars=yes,status=yes");
winname.document.open("text/html", "replace");
winname.document.writeln(obj.value);
winname.document.close();
}
function saveCode(obj,filename)
{
var winname = window.open("", "", "top=10000,left=10000");
winname.document.open("text/html", "replace");
winname.document.writeln(obj.value);
winname.document.execCommand("saveas", "", filename + ".htm");
winname.close();
}
function copyCode(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
</script>
//对代码进行操作
function runCode(obj)
{
var winname = window.open("", "_blank","resizable=yes,scrollbars=yes,status=yes");
winname.document.open("text/html", "replace");
winname.document.writeln(obj.value);
winname.document.close();
}
function saveCode(obj,filename)
{
var winname = window.open("", "", "top=10000,left=10000");
winname.document.open("text/html", "replace");
winname.document.writeln(obj.value);
winname.document.execCommand("saveas", "", filename + ".htm");
winname.close();
}
function copyCode(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
</script>
使用方法：
复制内容到剪贴板 程序代码
程序代码<textarea name=mini id=mini></textarea>
<input type=button onclick=runCode(document.getElementById("mini")) value="运行代码">
<input type=button onclick=copyCode(document.getElementById("mini")) value="复制代码">
<input type=button onclick=saveCode(document.getElementById("mini"),"运行,复制,保存,run,copy,save,代码") value="保存代码">
<input type=button onclick=runCode(document.getElementById("mini")) value="运行代码">
<input type=button onclick=copyCode(document.getElementById("mini")) value="复制代码">
<input type=button onclick=saveCode(document.getElementById("mini"),"运行,复制,保存,run,copy,save,代码") value="保存代码">
想测试效果，把以上这两段代码放在<body></body>之间，第二段紧接着第一段代码就可以了。不过因为现在此时的input里面是没有内容的，所以你还需要添加内容。
评论 共0条 (RSS 2.0) 发表评论