html5复制文本框内容的简单介绍

lt！DOCTYPE HTMLlthtmlltheadltmeta。

该操作步骤如下1选中要复制的文本框2按下键盘上的Ctrl+C快捷键对已经框选的文本进行复制3将光标移动到需要粘贴文本框的位置，然后按下键盘上的Ctrl+V快捷键将之前复制的文本粘贴在光标处。

lt！本例子主要是用来演示复制的实现，代码执行后点右键粘贴就可以了 ltinput id=quottxtUserquot type=quottextquot value=quot自己填文字quot ltinput type=quotbuttonquot value=quot复制quot onclick=quottestquot ltbody lthtml。

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitleinsertlttitleltstyle type=quottextcssquot* margin 0padding 0#decorate display blockcolor #f00ltstyleltscript type=quottext。

需要注意的是，不同的应用程序可能会以不同的方式处理复制和粘贴的内容例如，在Microsoft Word中，粘贴操作会将复制的文本插入到光标所在的位置而在Excel中，粘贴操作通常会引发一系列的提示，要求确认表格中的具体位置深。

首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以保存之后开始构建html，我们这里示例用一个文本框两个按钮和一个显示数据的div，如下图之后写js事件，当点击“保存”的。

lthtmlltheadlttitlebirdlttitle ltscript type=quottextjavascriptquot function copytoclipobj var objtest=objinnerText#39text#39， objtestalertquot复制成功quot ltscript lthead。

如果单单HTML5操作的话，第一次输入文本框的内容通过文本框节点的value拿到结果，然后在文本框上面建立个DIV，把拿到的value值放到DIV节点的innerHTML里面就可以了，但是这是一次性的，第二次就打开网页DIV里面就没值了如果。