title: Provide alternative solution for mouse events issues
body: <p>I am working on a clipboard functionality, but I am facing some mouse-events related issues. </p>
  
  <p>In the code snippet below, my clipboard functionality works only when I remove <code>label tag</code> and  <code>style="display:none" class="hide"</code>.</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;Copy to Clipboard with ZeroClipboard, Flash 10 and jQuery&lt;/title&gt;
      &lt;link href="_assets/css/Style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="_assets/js/ZeroClipboard.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          function myfunc2() {
              var selectedobj = document.getElementById('texter');
              if(selectedobj.className=='hide'){  //check if classname is hide 
                  selectedobj.style.display = "block";
                  selectedobj.readOnly=true;
                  selectedobj.className ='show';
              } else {
                  selectedobj.style.display = "none";
                  selectedobj.className ='hide';
              }
          }
      &lt;/script&gt;    
      &lt;script type="text/javascript"&gt;
          jQuery(document).ready(function(){
              var clip = new ZeroClipboard.Client();
              clip.setText('');  
              jQuery('#copy-button').click(function(){
                  clip.setText(jQuery('#texter').val());
              });
          });
          $(document).ready(function () {
              var clip = new ZeroClipboard.Client();
              clip.setText(''); // will be set later on mouseDown
              clip.addEventListener('mouseDown', function (client) {
                  // set text to copy here
                  clip.setText(jQuery('#texter').val());    
                  // alert("mouse down"); 
              });
              clip.glue('copy-button');
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;label  onmouseover="myfunc2()"&gt;Click here&lt;/label&gt; 
      &lt;textarea name="texter" id="texter"  style="display:none" class="hide"   readonly&gt;sdfdsfsdfgdfdfg&lt;/textarea&gt;
      &lt;input type="button" value="Copy to clipboard" id="copy-button" /&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>