某些时候我们在提交表单的时候可能因为一些原因提交失败,这样很可能会丢失我们花掉宝贵时间所输入的内容,后悔在提交前没有复制一下,平时我就养成了这方面的好习惯在提交表单的时候都会先复制一下,可有些人就不知道这一点哦,所以站长们有必要将以下的方法运用到自己的网站上,这样对网友会有很不错的用户体验哦。

首先要利用javascript读取表单数据,可以利用以下三种方法获取:

1、通过表单ID属性:var a = document.getElementById(“id”);
2、通过表单名称属性:var b = document.getElementsByName(“name”);
3、直接通过表单名字获取:var c = form.content.value;

第二要添加自动复制的函数:

第三在提交按钮加上:

引用内容 引用内容
onsubmit=”return copyit(this);”

━━━━━━━━━━━━━━━━━━━━━━━━━━
实例:将此功能应用到PJblog上

一。打开common/common.js文件在头部加入以下代码:

/*功能:提交时自动复制到剪贴板 */
//复制评论文本框
function copyit(){
document.all.Message.select();
document.execCommand(“copy”);
alert(“已经将您的发表的内容拷贝至剪贴板,如果在提交过程中不慎丢失可以使用Ctrl+C找回”)
}

二。分别修改三个文件:class\cls_article.asp、blogpost.asp、blogedit.asp

在提交按钮标签中accesskey=”S”后台加上onclick=”copyit();”

三。打完收工。

发表评论

/ 快捷键:Ctrl+Enter
加载中……