网页中常用的剪切、全选等代码

来源:互联网 发布:淘宝后台客服电话 编辑:程序博客网 时间:2024/06/03 17:25

js部分:

<script  type="text/javascript">

function RunCode()//运行代码
{
 var code=event.srcElement.parentElement.children[0];
 var newwin=window.open('','','');
 newwin.opener = null;
 newwin.document.write(code.value);
 newwin.document.close();
}
function SelectCode() //全选代码
{
 var code=event.srcElement.parentElement.children[0]
    code.focus();
 code.select();
}
function CopyCode() //复制代码
{
 var code=event.srcElement.parentElement.children[0]
    code.focus();
    code.select();
    document.execCommand('copy');
}
function CutCode() //剪切代码
{
 var code=event.srcElement.parentElement.children[0]
    code.focus();
    code.select();
    document.execCommand('cut');
}
function PasteCode() //粘贴代码
{
           var code=event.srcElement.parentElement.children[0]
        code.focus();
        document.execCommand("paste");
}

function ClearCode() //清除代码
{
    var code=event.srcElement.parentElement.children[0]
 code.value='';
}

function SaveCode() //保存代码
{
    var code=event.srcElement.parentElement.children[0]
 var winname = window.open('', 'savewindow', 'top=10000');
 winname.document.open('text/html', 'replace');
 winname.document.writeln(code.value);
 winname.document.execCommand('saveas','','code.htm');
 winname.close();
}

function Goto(ln) //跳转代码
{
 if(!/^\d+$/.test(ln) || ln==0) return;
 var obj=event.srcElement.parentElement.children[0];
 var rng=obj.createTextRange();
 var arr=obj.value.split(/\n/);
 if(ln>arr.length) ln =arr.length;
 var str_tmp = "";
 for(var i=0; i<ln-1; i++){
  str_tmp +=arr[i];
 }
 rng.moveStart('character',str_tmp.length);
 str_tmp="";
 for(i=ln; i<arr.length; i++){
  str_tmp +=arr[i];
 }
 rng.moveEnd('character',-str_tmp.length); 
 rng.select();
 return;
}

function showdir()
{
 top.fstMain.cols="228,*";
 showtoc.style.display="none";
}

function hidedir()
{
 top.fstMain.cols="-5,*";
 top.fraRightbar.showtoc.style.display="";
}

</script>

html部分:

<textarea name="codes" id="codes" rows="15" cols="100"></textarea><br/><input type="button" value="运行代码" onclick="RunCode()"> <input type="button" value="复制代码" onclick="CopyCode()"> <input type="button" value="另存代码" onclick="SaveCode()"> <input type="button" value="跳&nbsp;&nbsp;转" onclick="Goto(prompt('请输入要跳转到第几行?','1'))"  accesskey="g"> &nbsp;提示:您可以先修改部分代码再运行</div>

原创粉丝点击