angularjs-兼容各种浏览器的复制到剪切板功能的代码

实现原理就是：动态生成隐藏文本域，把要复制的内容放到该文本域，然后依次执行DOM里的选中，复制功能就可以（有些代码是非相关的可以忽略）。注意，不要在非直接点击触发的函数里用document.execCommand('copy')的方法，因为浏览器的安全机制会禁止使用。另外可以加判断ta是否已经生成过，如果生成过，直接用就可以（

  if(ta){return ta;}

）

方法代码：

copyJson(claimId) {  var self = this;    var copyClaimJsonUrl = this.urlUtils.getBackendApiUrl("claimDetail/copyClaimJson");    var model = "";    $.ajax({      type: "get",      dataType: "json",      data: {"claimId":  claimId},      async:false,      url: copyClaimJsonUrl,      success: function (data) {        if(data){          self.claimJson = JSON.stringify(data);        }      }    });  var ta =this.createTempTextArea();//创建文本域  document.body.appendChild(ta);  //后缀到DOM  ta.value = this.claimJson; //赋值  ta.select();                 //选中  var success =document.execCommand('copy');//复制  layer.msg("复制成功！");}

动态生成隐藏文本域的代码：

  
createTempTextArea = function () {  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
  var ta;  ta = document.createElement('textarea');  // Prevent zooming on iOS  ta.style.fontSize = '12pt';  // Reset box model  ta.style.border = '0';  ta.style.padding = '0';  ta.style.margin = '0';  // Move element out of screen horizontally  ta.style.position = 'absolute';  ta.style[isRTL ? 'right' : 'left'] = '-9999px';  // Move element to the same position vertically  var /** @type {?} */ yPosition = window.pageYOffset || document.documentElement.scrollTop;  ta.style.top = yPosition + 'px';  ta.setAttribute('readonly', '');  return ta;};