title: How to make ZeroClipboard work with a single click?
body: <p>I have a working example here
  <a href="http://enginiku.byethost17.com/stack.php" rel="nofollow">http://enginiku.byethost17.com/stack.php</a></p>
  
  <p>What I want is to copy the data to clipboard based on the block clicked. That works perfectly fine. However the problem is I need to click on the block, move cursor away from the block, click again and only then does the data gets copied. I understand that maybe it is because of the area turning into flash object. </p>
  
  <p>But I want it to copy the data in one click only(the first time). Kindly suggest a way out !!</p>
  
  <p>Here is my script</p>
  
  <pre><code>&lt;script&gt;
  function copytocb(el){
  var id = $(el).attr('id');
  ZeroClipboard.setDefaults({moviePath:'http://enginiku.byethost17.com/ZeroClipboard.swf'});
  var clip = new ZeroClipboard($('#'+id));
  clip.on('complete',function(client,args){
  alert('Copied');
  });
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And here is the relevant html</p>
  
  <pre><code>&lt;div class="central"&gt;
      &lt;div class="maincontent"&gt;
          &lt;div class="leftcontent"&gt;
              &lt;span id="ss"&gt;Some text&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="rightcontent"&gt;
              &lt;span id="block1" onclick="copytocb(this)" data-clipboard-text="Img1"&gt;Img&lt;/span&gt;
              &lt;span id="block2" onclick="copytocb(this)" data-clipboard-text="Img2"&gt;Img&lt;/span&gt;
              &lt;span id="block3" onclick="copytocb(this)" data-clipboard-text="Img3"&gt;Img&lt;/span&gt;
              &lt;span id="block4" onclick="copytocb(this)" data-clipboard-text="Img4"&gt;Img&lt;/span&gt;
              &lt;span id="block5" onclick="copytocb(this)" data-clipboard-text="Img5"&gt;Img&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>