页面点击复制按钮复制到粘贴版

记录一下

先声明,,,我们表格用的bootstrap table框架。

增加复制按钮。

<th data-field="statusDesc" data-align="center"
            data-formatter="GuttvCommon.getShortDesc">状态描述</th>
getShortDesc : function(value) {
        if (value != "" && typeof (value) != "undefined") {
            return "<button type="button" class="btn btn-default" title=""
                + value
                + "" data-clipboard-action="copy" data-clipboard-text=""
                + value + "">复制</button>";
        }
    },

引入js

<script src="${context }/resources/js/clipboard.min.js"></script>

js操作

var clipboard = new Clipboard('.btn');
    clipboard.on('success', function(e) {
        debugger;
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);
        alert("复制成功");
        e.clearSelection();
    });
原文地址:https://www.cnblogs.com/yt975548/p/7493413.html