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

<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"></textarea><br>
<input name="isautocopy" checked="checked" value="1" type="checkbox" />
提交时复制内容到剪贴板<br/><input type="submit" value="提交" /> </form>

</body>
</html>

时间: 2024-05-20 07:29:25

表单提交时自动复制内容到剪贴板的js代码_javascript技巧的相关文章

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

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>交时自动复制到剪贴板</title> </head> <script language="JavaScript"> /*功能:提交时自动复制到剪贴板 */ function copyTe

from 表单提交返回值用post或者是get方法实现_javascript技巧

可以用jquery的post或者是get方法去实现($.post(url, params, callback ) $.get(url, params, callback) ) 返回值:XMLHttpRequest 参数: •url (String): 装入页面的URL地址. •params (Map): (可选)发送到服务端的键/值对参数. •callback (Function): (可选) 当远程页面装入完成时执行的函数. 我们在做表单提交的时候 一般都会要求提交操作完成后弹出操作成功/失败

多浏览器兼容性比较好的复制到剪贴板的js代码_javascript技巧

对于非ie浏览器他是用flash来实现的,js代码如下: 复制代码 代码如下: <script type="text/javascript"> function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData("Text", copyText) } else { var flashcopier = 'flashcopier'; if(!docum

表单提交错误后返回内容消失问题的解决方法(PHP网站)_php技巧

表单提交错误后返回内容消失怎么办呐,今天就来分析解决一下这个问题. 状况概述: 做填写表单信息提交的时候会碰到一个问题就是当用户填写并提交表单后,程序判断不符合要求并返回,返回之后之前填写的表单信息会被清空了的情况.如果填写的信息量少还无所谓,如果填写的信息量比较多,这会直接打击到填写信息的人的良好心情.因此解决表单提交错误返回后填写的内容消失的问题是一个提高用户体验度的迫在眉睫的问题.对于这种问题,综合总结了大概有下面几种情况: (1)页面使用了session_start函数,这个函数有个特点

jQuery实现表单提交时判断的方法_jquery

本文实例讲述了jQuery实现表单提交时判断的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <input type="submit" id="myBtn" /> 换成: 复制代码 代码如下: <input type="button" id="myBtn" /> 使用: 复制代码 代码如下: $("#myBtn").click(function(){    ..

表单提交时用jQuery实现判断的小技巧

本文实例讲述了jQuery实现表单提交时判断的方法.分享给大家供大家参考.具体实现方法如下: <input type="submit" id="myBtn" /> 换成: <input type="button" id="myBtn" /> 使用: $("#myBtn").click(function(){    ...//判断验证 }); 表单提交js:  代码如下 复制代码 fu

PHP实现表单提交时去除斜杠的教程

本文实例讲述了PHP实现表单提交时去除斜杠的方法.分享给大家供大家参考,具体如下: <html>   <head>     <title>HTML 表单</title>   </head>   <body>     <form action=""method="POST">       请输入一个字符串:       <input type="text"si

《Web测试囧事》——2.2 页面字段依赖导致表单提交时出错

2.2 页面字段依赖导致表单提交时出错 小蔡最近在测试中碰到一个有意思的问题,就是在提交表单时,如果不按表单设定好的由上到下的顺序一个个填写表单内容,那么在提交时就会出现提交失败的错误. 小蔡感觉到很奇怪,表单顺序的填写居然也会影响到功能?那就随着小蔡看看这个问题是怎么发现的,以及是什么原因引起的吧. 小蔡在测试用户注册账户页面时发现,注册页面内容很多而且表单很长,所以她就使用鼠标滚动,没想到滚动得过快导致有些选项并没有填写/选择,最后等到她提交表单时才发现这一点.她只好重新滚动到漏填/选的字段

提交时自动复制的问题

问题描述 如何实现如博客里写完内容后,点Button提交时自动把内容复制下来,以备提交不成功时还可以粘贴进来? 解决方案 解决方案二:<script>functioncopyToClipBoard(){varclipBoardContent=window.document.title;clipBoardContent+='rn'+window.document.location.href;window.clipboardData.setData("Text",clipBoa