js点击复制方法

navigator、创建input标签，两种复制方法:

// dom结构
<div @click="handEvent">文本1</div>
<div @click="handEvent">我是2</div>
<div @click="handEvent">我是老六</div>
// js方法
handEvent(e) {
    console.log('e--', e.target.innerHTML);
    // this.copyEvent(e.target.innerHTML);
    this.copyNavigator(e.target.innerHTML);
},
// 复制方法1
copyEvent(text) {
    let ipt = document.createElement('input');
    ipt.value = text;
    document.body.appendChild(ipt);
    ipt.select();
    document.execCommand('Copy');
    alert('复制成功--' + text);
    ipt.remove();
},
// 复制方法2
copyNavigator(text) {
    // 此复制方法慎用，有些浏览器网站设置禁用剪贴板(如下图)，调用此方法就会报错。可使用方法1进行复制。
    navigator.clipboard.writeText(text)
        .then(() => {
            alert('navigator复制成功==' + text);
        })
        .catch((err) => {
          alert('复制失败--')
        })
},