1. 程式人生 > >點選按鈕複製文字內容

點選按鈕複製文字內容

js部分

<script src="~/Scripts/clipboard.min.js"></script>

<script>

$(function(){

var clipboard = new Clipboard('.copyDdn');
            clipboard.on('success', function (e) {
                console.info('Action:', e.action);
                console.info('Text:', e.text);
                console.info('Trigger:', e.trigger);
                
            })
                e.clearSelection();
            });
            clipboard.on('error', function (e) {
                console.error('Action:', e.action);
                console.error('Trigger:', e.trigger);
            });

})

<script/>

html部分

<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" readonly class="ddhItm" id="foo">11112522514411</textarea>
 <div   data-clipboard-action="copy" data-clipboard-target="#foo">複製</div>

可自行下載clipboard.min.js檔案。