---- 蓝灯 ----另:可接前端私活,有意请联系qq:116151293或留言!

js(jq)复制内容到剪贴板

javascript 蚂蚁 1969℃ 0评论

在网上看了好多资料都没做出来,后来才发现要在服务器环境下才行 ,坑爹货!!!

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<input type="text" name="" id="fe_text" class="form-control" value="http://www.gzui.net" />
<button type="button" class="btn btn-primary clip_button" data-dismiss="modal" >复制链接</button>
<script type="text/javascript">
      var client = new ZeroClipboard( $('.clip_button') );

      client.on( 'ready', function(event) {
        // console.log( 'movie is loaded' );

        client.on( 'copy', function(event) {
          event.clipboardData.setData('text/plain', $('#fe_text').val());
        } );

        client.on( 'aftercopy', function(event) {
          console.log('Copied text to clipboard: ' + event.data['text/plain']);
        } );
      } );

      client.on( 'error', function(event) {
        // console.log( 'ZeroClipboard error of type "' + event.name + '": ' + event.message );
        ZeroClipboard.destroy();
      } );
    </script>

github项目地址

转载请注明:有爱前端 » js(jq)复制内容到剪贴板

喜欢 (5)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. https://github.com/zenorocha/clipboard.js/
    蚂蚁2016-04-27 13:41 回复
  2. http://www.cnblogs.com/PeunZhang/p/3324727.html
    蚂蚁2017-04-05 13:09 回复