本文详细介绍了在使用HTML5的ZeroClipboard库时遇到的按钮点击问题，以及如何通过将应用部署到JSP页面并在Tomcat服务器上运行来解决该问题。包括按钮绑定事件、获取所需赋值内容、以及实现复制功能的全过程。
不知道为何 直接是纯html ZeroClipboard 里面的按钮有问题.点不了
需要放到jsp页面 tomcat中访问就能正常.
#copy 是绑定事件的按钮
$("p.url").text(); 是需要赋值的值.
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.bstek.com/dorado/taglib-7.0" prefix="d"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>万里牛推荐有礼</title>
<d:PageHeader />
</head>
<script type="text/javascript" src="js/copy/jquery.zclip.min.js"></script>
<body scroll="no">
<div class=w>
<div class=container>
<div class=intro>
<p class=title>推荐有礼</p>
<p><b>邀请好友使用万里牛CRM，您将获得万里牛短信<font color="red">300条。</font></b></p>
<p>短信可用于催付、发货、营销活动等。<br>注意：您推荐的好友必须是从未使用过万里牛CRM的新用户，否则无法享受赠品。</p>
</div>
<div class=process>
<p class=sub-title>邀请流程</p>
<p>1.发送邀请链接给您的好友</p>
<p class=url>亲，我正在使用万里牛CRM维系老客户，效果还不错，推荐你也来使用哦！11111111</p>
<p><button type="submit" class="button" id="copy"><span>点击复制地址</span></button></p>
<p>2.好友通过邀请链接订购万里牛CRM并登录系统。</p>
<p>3.系统会自动赠与短信。</p>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#copy').zclip({
path:'js/copy/ZeroClipboard.swf',
copy:function(){return $("p.url").text()},
afterCopy:function(){
dorado.MessageBox.alert("已经复制到剪切板，快去发给你的伙伴们吧！");
}
});
});
</script>
</body>
扫一扫
1586
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
