复制到剪贴板不起作用

时间:2015-03-29 11:16:56

标签: javascript zeroclipboard

我正在尝试使用Zeroclipboard进行复制,我有多个目标需要复制 我正在使用的代码是

<script type="text/javascript" src="//css.freekishopping.in/freekishopping/wp-content/themes/freekishopping/assets/js/ZeroClipboard.js"></script>
<style>.clip_button{background:#063;padding:4px;width:100px;}</style>
<script language="JavaScript">
////copy to clip
    var clip = null;

   function $(id) { return document.getElementById(id); }

   function init() 
   {
      clip = new ZeroClipboard.Client();
      clip.setHandCursor( true );
   }

   function move_swf(ee)
   {    

      copything = document.getElementById(ee.id+"_code").value;
      clip.setText(copything);

         if (clip.div)
         {    
            clip.receiveEvent('mouseout', null);
            clip.reposition(ee.id);
         }
         else{ clip.glue(ee.id);   }

         clip.receiveEvent('mouseover', null);
var url=document.getElementbyId(ee.id+"_url").value;
    window.open(url,"_BLANK");
document.getElementbyId(ee.id).innerHTML=copything;

   }    

</script>
</head>
<input type="hidden" id="123_url" value="http://google.com">
<input type="hidden" id="123_code" value="ABCD">
<div id='123' onMouseOver='move_swf(this)' class='clip_button'>COPY</div>

此代码的教程工作正常但我的修改代码无效。 我只是在点击按钮然后在按钮中显示优惠券代码后进行了一点修改 此代码托管在/ test.html中的freekishopping(dot) 任何1可以检查我做错了。

1 个答案:

答案 0 :(得分:0)

我已经打开了你的页面,这是错误控制台的错误

TypeError: null is not an object (evaluating 'clip.setText')               test.html:20

所以我打开了页面,似乎你的剪辑字段尚未初始化。你应该先尝试调用你的init()函数。


你的代码部分就像这样

function move_swf(ee)
{
  copything = document.getElementById(ee.id+"_code").value;
  clip.setText(copything);

尝试将其改为这样。

function move_swf(ee)
{
  init();
  copything = document.getElementById(ee.id+"_code").value;
  clip.setText(copything);