JavaScript实现按钮点击复制输入框与表格内容

作者:交互手记时间:2026-10-25 22:52:01浏览:566

本文介绍如何使用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>
作者最新文章
相关文章
更多