描述:实现如图效果
解决:
<div class="zbdh_xiaoyi yqjl_coin">
<h4>您的专邀属请码</h4>
<p class="yqjl_zsyqm clearfix">
<span id="content" class="yqjl_zsspanone fl">#(User.refereeCode)</span>
<span id="copyBtn" class="yqjl_zsspantwo fr">点击复制</span>
</p>
</div>
<script type="text/javascript" src="#(BASE_PATH)/static/plugins/zeroclipboard/ZeroClipboard.js"></script>
<script type="text/javascript" src="#(BASE_PATH)/static/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
init();
});
function init() {
ZeroClipboard.setMoviePath( '#(BASE_PATH)/static/plugins/zeroclipboard/ZeroClipboard.swf' );//Flash 文件路径
var clip = new ZeroClipboard.Client(); // 新建一个对象
clip.setHandCursor( true );
clip.setText(document.getElementById("content").innerHTML); // 设置要复制的文本。
clip.addEventListener( "mouseUp", function(client) {
Kit.alert("邀请码复制成功!");
});
// 注册一个 button,参数为 id。点击这个 button 就会复制。
//这个 button 不一定要求是一个 input 按钮,也可以是其他 DOM 元素。
clip.glue("copyBtn"); // 和上一句位置不可调换
}
</script>