史上最详细的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/