js原生复制事件

js原生复制事件

1、实现点击复制功能

<input id="pasted" type="textarea">
<button @click="clickpaste">按钮</button>

function clickpaste() {
    pasted.value = '复制的内容';
    pasted.select();//选中
    document.execCommand('copy');//执行复制事件
}

2、复制事件的事件监听，修改复制的值

window.addEventlistener('copy', (e) => {
   	clipboardData = e.clipboardData || window.clipboardData;
    if (!clipboardData) {
        //获取选中的内容
        let text = window.getSelection().toString();
        if (text) {
            //修改值需要先禁用默认事件
            e.preventDefault();
            // 通过调用 clipboardData 对象的 setData(format,data) 方法，设置相关文本
            clipboardData.setData('text/plain', text + '截获添加的内容')
        }
    }
})