史上最详细的DOM事件之剪贴板事件

史上最详细的DOM事件之剪贴板事件

上篇博客讲了DOM的表单事件，这篇博客我们来讲一讲DOM的剪贴板（ClipboardEvent）事件。

HTML代码：

    <div id="box">hello world</div>
    <p>这是一个段落标签</p>
    <input type="text" id="text">

1.oncopy(赋值)事件

    var oBox = document.getElementById("box");
    var oText=document.getElementById("text");

    // ClipboardEvent   剪贴板事件
    // oncopy	该事件在用户拷贝元素内容时触发	 
    oBox.oncopy = function (ev) {
        alert("copy成功");
        console.log(ev)
    }

2.oncut(剪切)事件

    // oncut	该事件在用户剪切元素内容时触发	
    oText.oncut=function(ev){
        alert("剪切成功");
        console.log(ev)
    }

3.onpaste(粘贴)事件

    // onpaste	该事件在用户粘贴元素内容时触发
    oText.onpaste=function(ev){
        alert("粘贴成功");
        console.log(ev);
    }

视频讲解链接：
https://www.bilibili.com/video/BV1yi4y147gD/