首页 > 代码库 > ClipboardData实现复制内容到剪贴板，兼容各种浏览器
ClipboardData实现复制内容到剪贴板，兼容各种浏览器
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="registAdd.aspx.cs" Inherits="registAdd" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="http://www.mamicode.com/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://www.mamicode.com/js/bootstrap.min.js"></script>
<script src="http://www.mamicode.com/js/jquery-1.11.1.js"></script>
<script src="http://www.mamicode.com/js/scripts.js"></script>
<script src="http://www.mamicode.com/js/layer/layer.js"></script>
<script src="http://www.mamicode.com/js/ZeroClipboard/ZeroClipboard.js"></script>
<style type="text/css">
.txt {
border: solid 1px #A3C8F5;
vertical-align: middle;
width: 240px;
height: 26px;
line-height: inherit;
}
.btns {
border: solid 1px #3F89D6;
vertical-align: middle;
width: 75px;
height: 24px;
line-height: inherit;
}
.btnCopy {
border: solid 1px #3F89D6;
vertical-align: middle;
width: 75px;
height: 24px;
line-height: inherit;
}
</style>
<script type="text/javascript">
//验证文本框
function txtTips(id, msg, guideInt) {
layer.tips(msg, $("#" + id), {
guide: guideInt,
time: 2,
style: [‘ color:#fff‘, ‘#FF0000‘],
maxWidth: 240
});
$("#" + id).focus();
}
function formatTips(id, msg) {
layer.tips(msg, $("#" + id), {
guide: 1,
time: 2,
style: [‘ color:#fff‘, ‘#FF0000‘],
maxWidth: 240
});
}
//文本框非空验证的方法
function txtCheck() {
var txtOperater = $("#txtOperater"); //操作员姓名
var txtOperatQQ = $("#txtOperatQQ"); //操作员QQ
var txtOperatPhone = $("#txtOperatPhone"); //操作员手机
var txtMachineCode = $("#txtMachineCode"); //机器码
var txtRegMachineDecr = $("#txtRegMachineDecr"); //注册电脑描述
var txtOtherExplan = $("#txtOtherExplan"); //其它说明
if (txtOperater.val() == "") {
txtTips("txtOperater", "请填写操作员姓名", 1);
return false;
}
if (txtOperatQQ.val() == "") {
txtTips("txtOperatQQ", "请填写操作员QQ", 1);
return false;
}
var regQQ = /[1-9][0-9]{4,9}/;
if (!regQQ.test(txtOperatQQ.val())) {
txtTips("txtOperatQQ", "请填写正确的QQ号", 1);
return false;
}
if (txtOperatPhone.val() == "") {
txtTips("txtOperatPhone", "请填写操作员手机", 1);
return false;
}
var regPhone = /1[3-8]+\d{9}/;
if (!regPhone.test(txtOperatPhone.val())) {
txtTips("txtOperatPhone", "请填写正确的手机号码", 1);
return false;
}
if (txtMachineCode.val() == "") {
txtTips("txtMachineCode", "请填写机器码", 1);
return false;
}
if (txtRegMachineDecr.val() == "") {
txtTips("txtRegMachineDecr", "请填写注册电脑描述", 1);
return false;
}
if (txtOtherExplan.val() == "") {
txtTips("txtOtherExplan", "请填写其它说明", 1);
return false;
}
}
//验证参数名称输入
function EnterVerifi(obj) {
var valTmp = $(obj);
var veriStr = /^[a-zA-Z]*$/g;
if (!veriStr.test(valTmp.val())) {
//valTmp.val("");
valTmp.focus();
inputTips(valTmp, "参数名称最好全是字母");
}
}
//添加成功后，选择操作
function CpoySuccessFn() {
$.layer({
shade: [0],
area: [‘auto‘, ‘auto‘],
dialog: {
msg: ‘复制成功，是否留在页？‘,
btns: 2,
type: 4,
btn: [‘好的‘, ‘不了‘],
yes: function () {
window.location.reload();
}, no: function () {
window.location.href = "http://www.mamicode.com/registList.aspx";
}
}
});
}
function copyRegCode() {
clip.setText($("#txtRegistCode").val()); //设置需要复制的代码
}
function CopyInit() {
clip = new ZeroClipboard.Client(); //初始化对象
ZeroClipboard.setMoviePath("js/ZeroClipboard/ZeroClipboard.swf"); //设置flash
clip.setHandCursor(true); //设置手型
clip.addEventListener(‘mouseDown‘, function (client) { //创建监听
copyRegCode();
});
clip.addEventListener(‘mouseUp‘, function (client) {
CpoySuccessFn();
});
clip.glue(‘btnCopyRegCode‘); //将flash覆盖至指定ID的DOM上
}
$(function () {
//layer.tips(‘填写完整信息后，请点我处理注册。‘, $("#btnRegist"), {
// style: [‘ color:#fff‘, ‘#78BA32‘],
// maxWidth: 140,
// guide: 2,
// time: 1000,
// closeBtn: [0, true]
//});
//layer.msg(‘你已成功复制注册码到剪切板.‘, 3, {
// rate: ‘top‘,
// type: -1,
// shade: false
//});
//验证操作员QQ格式
$("#txtOperatQQ").blur(function () {
var regQQ = /[1-9][0-9]{4,}/;
if (!regQQ.test($(this).val())) {
formatTips("txtOperatQQ", "请填写正确的QQ号", 1);
return false;
}
});
//操作员手机
$("#txtOperatPhone").blur(function () {
var regPhone = /1[3-8]+\d{9}/;
if (!regPhone.test($(this).val())) {
formatTips("txtOperatPhone", "请填写正确的手机号码", 1);
return false;
}
});
var addSuccess = $("#HidAddSuccess").val();
if (addSuccess == "1") {
CopyInit();
layer.tips(‘注册成功，点我！点我！！‘, $("#btnCopyRegCode"), {
style: [‘ color:#fff‘, ‘#FF0000‘],
maxWidth: 200,
guide: 0,
time: 1000,
closeBtn: [0, true]
});
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:HiddenField ID="HidAddSuccess" Value="http://www.mamicode.com/0" runat="server" />
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="row clearfix">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<%-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle1</span>
<span class="icon-bar">Toggle2</span>
<span class="icon-bar">Toggle3</span>
<span class="icon-bar">Toggle4</span>
</button>--%>
<a class="navbar-brand" href="http://www.mamicode.com/#"><strong>注册业务信息处理页面</strong></a>
</div>
</nav>
</div>
<div class="row clearfix">
<div class="list-group" contenteditable="false">
<a href="http://www.mamicode.com/#" class="list-group-item active"><strong>注册业务信息添加</strong></a>
<div class="list-group-item">
<%-- <h4 class="list-group-item-heading"><strong>接口功能说明：</strong></h4>
<h4 class="list-group-item-heading"><strong>
<asp:TextBox ID="txtIDescription" Width="89%" Height="50" TextMode="MultiLine" runat="server"></asp:TextBox></strong></h4>--%>
<div class="list-group-item-text">
<%-- <blockquote contenteditable="false" class="clearfix" style="margin-bottom: 0px;">
<p>
<strong>接口地址：</strong>
</p>
<p>
<asp:TextBox ID="txtIURLAddress" Width="90%" TextMode="MultiLine" Height="80" runat="server"></asp:TextBox>
</p>
<small>参数说明：</small>
</blockquote>--%>
<table class="table clearfix" contenteditable="false">
<thead>
<tr>
<th width="20%"></th>
<th width="80%"></th>
</tr>
</thead>
<tr class="active">
<td style="text-align: right; vertical-align: middle;">
<b>注册软件类型：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:DropDownList ID="ddlSoftType" CssClass="txt" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlSoftType_SelectedIndexChanged"></asp:DropDownList>
</td>
</tr>
<tr class="warning">
<td style="text-align: right; vertical-align: middle;">
<b>选择或添加操作人员：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:DropDownList ID="ddlOperater" CssClass="txt" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlOperater_SelectedIndexChanged"></asp:DropDownList>
</td>
</tr>
<tr class="active">
<td style="text-align: right; vertical-align: middle;">
<b>操作员姓名：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtOperater" CssClass="txt" runat="server"></asp:TextBox>
</td>
</tr>
<tr class="warning">
<td style="text-align: right; vertical-align: middle;">
<b>操作员QQ：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtOperatQQ" CssClass="txt" runat="server" MaxLength="10"></asp:TextBox>
</td>
</tr>
<tr class="active">
<td style="text-align: right; vertical-align: middle;">
<b>操作员手机：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtOperatPhone" CssClass="txt" runat="server" MaxLength="11"></asp:TextBox>
</td>
</tr>
<tr class="warning">
<td style="text-align: right; vertical-align: middle;">
<b>注册天数：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:DropDownList ID="ddlRegistDay" CssClass="txt" runat="server">
<asp:ListItem Text="30" Value="http://www.mamicode.com/30" Selected="True"></asp:ListItem>
<asp:ListItem Text="60" Value="http://www.mamicode.com/60"></asp:ListItem>
<asp:ListItem Text="90" Value="http://www.mamicode.com/90"></asp:ListItem>
<asp:ListItem Text="90" Value="http://www.mamicode.com/180"></asp:ListItem>
<asp:ListItem Text="365" Value="http://www.mamicode.com/365"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr class="active">
<td style="text-align: right; vertical-align: middle;">
<b>机器码：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtMachineCode" CssClass="txt" runat="server"></asp:TextBox>
</td>
</tr>
<tr class="warning">
<td style="text-align: right; vertical-align: middle;">
<b>注册电脑描述：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtRegMachineDecr" TextMode="MultiLine" CssClass="txt" Height="60px" runat="server"></asp:TextBox>
</td>
</tr>
<tr class="active">
<td style="text-align: right; vertical-align: middle;">
<b>其它说明：</b>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtOtherExplan" TextMode="MultiLine" CssClass="txt" Height="50px" runat="server"></asp:TextBox>
</td>
</tr>
<tr class="error">
<td style="text-align: right; vertical-align: middle;"></td>
<td style="text-align: left; vertical-align: middle;">
<asp:Button ID="btnRegist" CssClass="btns" runat="server" Text="处理注册" OnClientClick="return txtCheck();" OnClick="btnRegist_Click" />
<asp:Button ID="btnCancel" CssClass="btns" runat="server" Text="清空内容" OnClick="btnCancel_Click" />
</td>
</tr>
<tr id="registerTR" runat="server" visible="false" style="">
<td style="text-align: right; vertical-align: middle;">
<strong>注册码：</strong>
</td>
<td style="text-align: left; vertical-align: middle;">
<asp:TextBox ID="txtRegistCode" CssClass="txt" runat="server"></asp:TextBox> <input id="btnCopyRegCode" type="button" onclick="copyRegCode()" class="btnCopy" value="http://www.mamicode.com/复制注册码" />
</td>
</tr>
</table>
<div class="panel-group" id="panel-704185">
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-704185" href="http://www.mamicode.com/#" contenteditable="false">
<strong>页面操作</strong>
</a>
</div>
<div id="panel-element-1" class="panel-collapse in" style="height: auto;">
<div class="panel-body" contenteditable="false" style="text-align: right">
<asp:Button ID="btnPostToList" CssClass="btns" Width="120px" runat="server" Text="返回列表页面" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
ClipboardData实现复制内容到剪贴板，兼容各种浏览器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。