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

记录一下

先声明,,,我们表格用的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();
    });
posted @ 2017-09-08 10:45  小短腿要早睡  阅读(761)  评论(0编辑  收藏  举报