JQ实现复制内容到剪切板

首先要在html中写一个input标签,标签不能设为隐藏,可以将透明度设为0,这样就看不见了

 <div class="discount-pic">
      <div class="discount-price">@text_title</div>
       <div class="discount-time" title='@text'>@text</div>
       <div class="discount-code" data-code="@discountcode.Name">CODE:@discountcode.Name</div>
       <input type="text" id="hide" style="opacity: 0;height: 19px;" value="@discountcode.Name">
       <div class="discount-receive">RECEIVE</div>
       <div class="discount-success" style="display: none;">Received Successfully</div>
 </div>

//点击后进行复制功能
  $('.discount-receive').click(function() {
        $('#hide').val();//把要复制的内容给到这里
        $('#hide').select();
        try { var state = document.execCommand('copy'); } catch (err) { var state = false; }
        if (state) {
        //复制成功
            $(this).hide()
            $(this).next().show()
        } else {
        //复制失败
        }
    })