title: How to click on an element and use javascripts "copy" event to add to the clipboard
body: <p>Javascript finally has the "copy" event and we no longer have to use flash! (well, we still should use flash as a fallback).</p>
  
  <p><a href="http://jsfiddle.net/LkUhM/" rel="nofollow">http://dev.w3.org/2006/webapi/clipops/#x3.1.1-copy-event</a></p>
  
  <p>I'm trying to figure out how to: Click on an anchor tag (Copy) and it copies the (text input src /or innerHTML) to the clipboard. Here's a fiddle of the HTML/CSS <a href="http://jsfiddle.net/LkUhM/" rel="nofollow">http://jsfiddle.net/LkUhM/</a></p>
  
  <p>Can anyone guide me?</p>
  
  <p>:::::HTML:::::</p>
  
  <pre><code>&lt;div&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;input type="text" class="input" value="This is the next that will be copied!" /&gt;&lt;a href="#" id="copy" class="copy"&gt;Copy!&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" class="input" value="This is the next that will be copied!" /&gt;&lt;a href="#" id="copy" class="copy"&gt;Copy!&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" class="input" value="This is the next that will be copied!" /&gt;&lt;a href="#" id="copy" class="copy"&gt;Copy!&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" class="input" value="This is the next that will be copied!" /&gt;&lt;a href="#" id="copy" class="copy"&gt;Copy!&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;textarea&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p></p>