本文介绍如何使用JavaScript通过按钮点击实现复制功能。针对INPUT表单,利用getElementById获取元素并调用select与execCommand方法;针对TABLE表格,通过createTextRange定位元素范围后执行复制。代码示例展示了两种不同DOM操作方式的具体实现步骤。
JavaScript实现按钮点击复制输入框与表格内容
借助JavaScript脚本,用户只需点击按钮即可自动选中并复制内容,随后通过Ctrl+V粘贴即可完成操作。
当前学习重点涵盖PHP、JavaScript及AJAX技术。
本节演示如何点击按钮,利用JavaScript代码实现INPUT表单内容的复制。
具体实现代码如下:
<SCRIPT LANGUAGE="JavaScript">
function copyinput()
{
var input=document.getElementById("inputid");//input的ID值
input.select(); //选择对象
document.execCommand("Copy"); //执行浏览器复制命令
}
</SCRIPT> 本节演示如何点击按钮,利用JavaScript代码实现TABLE表格内容的复制。
具体实现代码如下:
<SCRIPT LANGUAGE="JavaScript">
function CopyTable()
{
var txt = document.body.createTextRange();
txt.moveToElementText(“tableid”); //表格的ID值
txt.select();//选择对象
document.execCommand("Copy"); //执行浏览器复制命令
}
</SCRIPT>