三零网 www.q3060.com -- 技术、分享、进步
当前位置:首页 > 网络编程 > CSS/HTML > 【HTML5特效】点击按钮,复制文本框的内容

【HTML5特效】点击按钮,复制文本框的内容

投稿:mmqxmq2p  发布时间:2015-10-16  【手机版】  人气:

点击按钮,调用javascript函数,复制文本框的内容,存入系统剪贴板,你可以粘贴到任何支持的地方,在一些网页特效网站,经常会看到。

<html>
<head>
<title>点击按钮,复制文本框的内容</title>
<SCRIPT>
function CopyAll(T)
{
T.focus() //得到文本框焦点
T.select() //全选文本框
if (document.all){
therange=T.createTextRange()
therange.execCommand("Copy") //复制
}
}
</SCRIPT>
</head>
<body>
<INPUT TYPE="BUTTON" VALUE="复制" onclick="CopyAll(text1)" >
<BR>
<TEXTAREA NAME="text1" COLS="40" ROWS="5">这是一段测试文字,你可以点击上边的按钮复制,粘贴到下边的文本框</TEXTAREA>
<TEXTAREA COLS="40" ROWS="5">在这里粘贴:</TEXTAREA>
</body>
</html>

【三零网】Q3060.com 提供手机学院、CMS教程、网络编程、数 据 库、脚本相关、软件编程、互 联 网、电脑教程、网页特效等内容 ,有问题请联系我们。

●【往下看,下一页更精彩】●
1  2  3  4  5  6  7  下一页 
延伸阅读:
·网页实现点击按钮赋值给文本框
·网页点击按钮实现赋值给文本框
·input文本框禁止用户修改的几种方法
·CSS常用13种样式:按钮、文本框、表单等
·css文本框显示样式代码
·css实现文本框提示样式,鼠标点击获得焦点时提示内容消失
·css只有下划线的文本框代码
·css实现自动向下廷伸的文本框
·css实现多行文本框
·【导航菜单特效】多种文本框输入格式限制的JS代码
  
温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,请收藏本网站!
大家感兴趣的内容
最新的内容
热门搜索
三零网 | 网站地图| 最近更新 | 关于我们 | 联系方式 | |

Copyright © 2012-2020,Q3060.COM All Rights Reserved.