表单提交时自动复制内容到剪贴板的js代码

2016-02-19 10:21 58 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享表单提交时自动复制内容到剪贴板的js代码的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title交时自动复制到剪贴板/title
/head

script language="JavaScript"
/*功能:提交时自动复制到剪贴板 */

function copyText(obj) {
ie = (document.all)? true:false
if (ie){
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
}

function autocopy() {
 if (this.document.formname.isautocopy.checked) { 
 copyText(this.document.formname.icontent);
 }
}
/script

body
form action=""  method="post" name="formname" onsubmit="autocopy();"
textarea name="icontent" rows="4" cols="50"/textareabr
input name="isautocopy" checked="checked" value="1" type="checkbox" /
提交时复制内容到剪贴板br/input type="submit" value="提交" / /form

/body
/html

来源:https://www.tulaoshi.com/n/20160219/1594349.html

延伸阅读
标签: Web开发
代码如下: script language="javascript" type="text/javascript"          document.forms["form_name"].submit(); /script
标签: Web开发
代码如下,就不多说废话了,可以兼容基本上所有的主流浏览器(IE,FF),很多地方可以用到的: copyToClipboard = function(txt) { if(window.clipboardData) {    window.clipboardData.clearData();    window.clipboardData.setData(”Text”, txt); } else if(navigato...
标签: autocad教程
    在Auto CAD 中可利用剪贴板、OLE等方式来与 其他 Windows应用 程序进行交互,如电子表格、文字处理文档和动画图像等程序。此外,AutoCAD还可以通过图形转换来使用或创建其他格式的图形。     剪贴板是Windows系统中各应用程序之间进行数据交换的主要方式之一,AutoCAD中提供了多个命令来...
如何使用微云剪贴板?   请先运行微云=》复制一段文字内容=》复制后同时按快捷键Ctrl+D,文字内容即可发送到微云同一帐号的其他设备(如手机端)。
什么是微云剪贴板?   微云剪贴板是一个便捷工具。通过它,您可以在手机上复制,在电脑上粘贴;您也可以在电脑上复制,在手机上粘贴。 比如: 1、从手机上复制网站地址,用电脑的浏览器打开; 2、从电脑上复制电话号码,在手机上拨打。

经验教程

948

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部