點選複製按鈕將指定id內容複製到剪貼簿
阿新 • • 發佈:2018-12-31
描述:實現如圖效果
解決:
<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>