表单提交时自动复制内容到剪贴板

最新推荐文章于 2022-01-11 11:41:52 发布
最新推荐文章于 2022-01-11 11:41:52 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 网站建设 文章标签： function javascript action ie
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

http://www.corange.cn/archives/2008/08/1578.html

<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" οnsubmit="autocopy();">
<textarea name="icontent" rows="4" cols="50"></textarea><br><input name="isautocopy" checked="checked" value="1" type="checkbox" />
提交时复制内容到剪贴板<br/><input type="submit" value="提交" /> </form>

</body>
</html>

piperzero
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单文本框实现复制字符后自动切割粘贴到不同文本框中
TeemlinkMarket的博客
11-07 353
有些业务场景需要快速复制字符串（例如手机号），粘贴的时候分别放到不同的框中显示（xxx-xxxx-xxxx），这种方法该如何实现？ 下面将通过MyApps低代码平台的表单引擎通过前端JQ和平台结合的方式为大家呈现。
表单提交时自动复制内容到剪贴板的js代码
01-19
<html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title>交时自动复制到剪贴板</title> </head> [removed] /*功能:提交时自动复制到剪贴板 */ function copyText(obj) { ie = (document.all)? true:false if (ie){ var rng = document.body.createTextRange(); rng.moveToElementText(o
php如何添加点击就自动复制,JS获取表单值，提交时自动复制内容到剪贴板
weixin_32886135的博客
03-25 189
正 文：昨天，飘易在写文章的时候，写好文章后，遇到断线，提交失败，数据丢失的情况；很是烦人，白白打了那么多的字；为了避免日后再次遇到这样的问题，我于是便简单的改进了一下博客的后台，在提交文章之前，利用JS获取表单值，自动复制内容到剪贴板中，这样，即使数据丢失了，也同样可以从系统剪贴板里粘贴回来。利用javascript读取表单数据，可以利用以下三种方法获取：1、通过表单ID属性：vara=d...
表单提交时自动复制到剪贴板
文维东的专栏
02-03 814
交时自动复制到剪贴板/*功能:提交时自动复制到剪贴板 */function copyText(obj) {ie = (document.all)? true:falseif (ie){var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.scrollIntoView();rng.select();r
js实现的复制内容到剪贴板
08-13
NULL 博文链接：https://canlynet.iteye.com/blog/2305475
复制页面内容到剪切板
JFSPD的博客
01-11 226
参考于https://juejin.cn/post/6844903567480848391 利用命令 document.execCommand("copy"); 需要创建一个可编辑区域，把他插入页面中，执行命令之后再移除 const input=document.createElement("input"); input.setAttribute("value",content); document.body.appendCh.
windows平台python自动在页面输入框输入打卡内容并提交的例子
最新发布
07-23
这在需要先复制文本到剪贴板，然后将其粘贴到输入框的场景下非常有用： ```python import win32clipboard def set_clipboard_text(text): win32clipboard.OpenClipboard() win32clipboard.EmptyClipboard() win...
excel表单操作
06-27
4. 编辑单元格：选中单元格后，可以进行剪切(Ctrl+X)、复制(Ctrl+C)、粘贴(Ctrl+V)、删除等操作。 二、公式与函数 1. 公式：以等号“=”开头，例如=A1+B1表示将A1和B1单元格的值相加。 2. 常用函数：SUM求和，...
复制标题和链接，发送给你的好友.rar
07-05
在IT领域，标题中的“复制标题和链接”通常指的是通过编程方式实现自动复制文本内容，如网页标题或URL，以便用户可以轻松地分享到社交媒体、邮件或者其他平台。这可能涉及到JavaScript（JS）脚本，一种广泛用于网页...
表单输入框黏贴自动过滤转义实例
weixin_30387799的博客
07-16 245
来自张鑫旭大神的代码：https://www.zhangxinxu.com/wordpress/2018/09/js-clipboard-api-paste-input/ /** @description 表单输入框粘贴体验优化 @author zhangxinxu @license MIT */ // 遍历所有的输入框 [].slice.call(document.queryS...
快速粘贴与自动填表软件V1.0 注册版
准女婿的博客
05-01 2242
注册版下载地址 https://yunpan.cn/cYfxwqHAPDWuR 访问密码 3126
自用表单框架 用于复制粘贴
逍遥君の书库
08-05 546
自用html form代码，用于以后复制粘贴 ul{ padding: 0; margin: 0; list-style: none; } #toubu_meru{ list-style: none; margin-top: -13px; font-size: 13px; width: 261px; height: ...
复制文本框的数据到剪贴板JS
德仔
10-17 1399
"javascript" type="text/javascript">// function copy_clip(copy){if (window.clipboardData){window.clipboardData.setData("Text", copy);}else if (window.netscape){netscape.security.Pr
自动复制文本到剪贴版(Auto Copy to clipboard)
chiyu4952的博客
03-09 636
插件介绍： 自动将鼠标选中文本复制到剪贴板，该插件有复制为纯文本的选项，包括在复制文本的URL等特色功能, 这对于开发者来说是非常实用的功能，对于经常需要切换不同软件之间的开发来说是一大利器， 使用说明： 只在浏览器中选中的文本将自动复制到剪贴版，这将大大简化很多工作. ...
js打开页面自动复制文本到剪贴板_浏览器剪贴板API的应用
weixin_39780255的博客
11-20 1169
剪贴板在生产力平台上有很高的使用频率。剪贴板API在主流的浏览器上也已经有了不错的支持率。基于前端技术的生产力工具就需要考虑接入这些的能力。技术上可以实现的场景有：在onpaste事件读取剪贴板内容在oncopy事件中可以阻止默认行为、写入自定义数据到剪贴板……在onclick等事件中，可以用js程序执行剪贴板写入这些技术场景可以支持到的业务场景比如：word文本粘贴到页面（支持plain tex...
JS自动复制字符串到剪贴板
你可知外面的世界多大
06-18 3366
原理 自动复制到剪贴板可以分两步走：自动选中，复制到剪贴板 <input>标签可以自动选中文本框内的文本，然后通过document.execCommand('copy')实现自动复制，或者，直接使用Navigator.clipboard操作剪贴板，可以写入和读取任意数据 document.execCommand是一个同步命令，在w3c中记为将要废弃的接口 Navigator.clipboard 使用Promise，是一个在草案阶段的剪贴板相关的接口 实现 任意文本自动复制-使用Input标签
如何在提交表单内容后自动重置页面内容
06-03
可以使用 JavaScript 在提交表单后自动重置页面内容。具体实现步骤如下： 1. 在表单元素中添加 `onsubmit` 属性，并设置为一个函数，该函数将在表单提交时调用。 2. 在该函数中，使用 `event.preventDefault()` 方法阻止表单的默认提交行为。 3. 在重置页面内容的函数中，将页面中需要重置的元素的值设置为初始值。 4. 在表单提交成功后，调用重置页面内容的函数。 下面是一个示例代码： ```html <form onsubmit="submitForm(event)"> <input type="text" id="input1"> <input type="text" id="input2"> <button type="submit">提交</button> </form> <script> function submitForm(event) { event.preventDefault(); // 阻止表单默认提交行为 // TODO: 提交表单内容到服务器 resetPageContent(); // 提交成功后重置页面内容 } function resetPageContent() { document.getElementById("input1").value = ""; // 重置 input1 的值 document.getElementById("input2").value = ""; // 重置 input2 的值 } </script> ``` 当用户点击提交按钮时，表单将被提交到服务器，但不会刷新页面，而是调用 `resetPageContent` 函数重置页面内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值