DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> clipboard.js文本復制到粘貼板功能
clipboard.js文本復制到粘貼板功能
編輯:JavaScript基礎知識     
效果體驗:http://hovertree.com/texiao/js/14/

<script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.0.min.js"></script>
<link href="http://hovertree.com/texiao/js/14/hewenqi/hovertreetips.css" rel="stylesheet"/>
<script type="text/javascript" src="http://hovertree.com/texiao/js/14/js/clipboard.min.js"></script>
<div id="copydiv">這裡是DIV中的文本,hovertree.com<br />
何問起,js復制內容到粘貼板。
</div>
<button type="button" id="hewenqicopy" data-clipboard-action="copy" data-clipboard-target="#copydiv" class="hovertreetips" title="點擊復制">復制</button>

<br />
<div id="hewenqclipboard">
這裡是第二個DIV的內容<br />
點擊第二個安娜看看, 何問起,js復制內容到粘貼板。
</div>
<button type="button" id="hewenqicopy" data-clipboard-action="copy" data-clipboard-target="#hewenqclipboard" class="hovertreetips" title="點擊復制">復制第二個div</button>
<script src="http://hovertree.com/texiao/js/14/js/hovertreetips.js"></script>
上面代碼運行效果如下:
這裡是DIV中的文本,hovertree.com
何問起,js復制內容到粘貼板。
這裡是第二個DIV的內容
點擊第二個安娜看看, 何問起,js復制內容到粘貼板。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved