监听剪贴板事件

Author Avatar ZTFtrue 发表于 • 2018年02月07日 10:00 • 共 • 43 • 次浏览
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div style="padding: 20px;background-color: #00B7FF;font-size: 0.3rem" id="test">
    社会主义好
</div>
<button id="buttonClick">Test</button>
<script type="text/javascript">
    let div = document.getElementById('test');
    div.addEventListener("copy", function (e) {// 监听剪贴事件
        let u = window.getSelection(), d = u.toString().trim();// 只有copy事件可用
        console.log('d ' + d);//获取到选择的文本
        console.log(e.clipboardData.setData("text/plain", '好个屁'));


    });
    document.getElementById("buttonClick").addEventListener('click', function (e) {
        let clip = new ClipboardEvent('copy');
        console.log(clip);
        console.log(clip.clipboardData);
        clip.clipboardData.setData('text/plain', "test");
        clip.preventDefault();
        e.target.dispatchEvent(clip);
    });
    div.addEventListener("paste", function (e) {// 监听剪贴事件
        let u = window.getSelection(), d = u.toString().trim();
        console.log(e.clipboardData);
        if (e.clipboardData) {
            try {
                console.log('e ' + e.clipboardData.getData("text"));//只有paste 事件可用
                e.clipboardData.setData("text/plain", "好个屁");
            } catch (e) {
                console.log(e);
            }
        }
    });
</script>
</body>
</html>
最后编辑于 • 2018年02月07日 10:00 •  

你尚未登录,无法进行回复。