史上最详细的DOM事件之剪贴板事件
上篇博客讲了DOM的表单事件,这篇博客我们来讲一讲DOM的剪贴板(ClipboardEvent)事件。
HTML代码:
<divid="box">hello world</div><p>这是一个段落标签</p><inputtype="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); }