API

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

兼容性

http://caniuse.com/#search=document.execCommand

示例

html部分

<input type="text" value="要复制到剪贴板的内容" id="clipboard"/>

javascript部分

var clipboardEl = document.getElementById('clipboard');
clipboardEl.addEventListener('click', function(event){
    clipboardEl.select();
    if(document.execCommand) {
        var rs = document.execCommand('copy', false);
        if(rs) {
            alert('复制成功');
        }
    } else {
        alert('当前环境不支持此功能');
    }
});

补充

经过测试发现,只能通过click事件来触发选中,再执行复制命令才行。移动端用touch相关的事件,可以选中,但是不能复制。

转载于:https://www.cnblogs.com/xiaoyucoding/p/7464168.html

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐