-------------代码参考一--------------<INPUT TYPE="button" value="复制测试表格" onclick="CopyTable()"><INPUT TYPE="button" value="将剪切板内容输出到编辑器中" onclick="PastClipboardData()"><BR>测试<TABLE border="1" id="oTable"><TR> <TD>测试表格</TD> <TD>测试表格</TD></TR><TR> <TD>测试表格</TD> <TD>测试表格</TD></TR></TABLE>文字<BR><BR><iframe id="editor" src="about:blank"></iframe><SCRIPT LANGUAGE="JavaScript"><!--function CopyTable(){ CopyHtmlElement(oTable)} function CopyHtmlElement(obj){ editor.document.designMode = 'On'; // 将iframe变成可编辑模式,即HTML编辑器 editor.document.write("<body></body>"); // 初始化编辑器 editor.document.body.innerHTML = obj.outerHTML; editor.document.body.createTextRange().select(); // 选中编辑器内所有内容 editor.document.execCommand("copy","",null); // 复制}function PastClipboardData(){ editor.focus(); editor.document.execCommand("paste","",null); // 粘贴}//--></SCRIPT>----------------------代码参考一结束---------------------------
代码一缺点:发现只能选中文字,不能选中对象----------------------代码参考二--------------------------------<INPUT TYPE="button" value="选中测试表格" onclick="CopyTable()">测试<TABLE border="1" id="oTable"><TR> <TD>测试表格</TD> <TD>测试表格</TD></TR><TR> <TD>测试表格</TD> <TD>测试表格</TD></TR></TABLE>文字<SCRIPT LANGUAGE="JavaScript"><!--function CopyTable(){ var txt = document.body.createTextRange(); txt.moveToElementText(oTable); txt.select();}//--></SCRIPT>---------------------------代码参考二结束---------------------------
Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长:MinTao ICP备案号:鄂ICP备11006601号-18