您的位置:首页 > 其它

Dom6(复制粘贴事件及剪切板操作)

2016-01-25 09:23 330 查看

复制事件

关键词:oncopy

在复制时触发,可以使用return false去除.

实例:

<script type='text/javascript'>
//复制的事件
onload=function(){
document.getElementById('bd').oncopy = function () {
alert('禁止复制');
return false;
};
};
</script>


粘贴事件

关键词:onpaste

paste:粘贴

在粘贴的时候触发该事件,也可以使用return false取消.

实例:

<script type='text/javascript'>
onload=function(){
document.getElementById('bd').onpaste=function(){
alert('禁止粘贴');
return false; //同样都是使用return false 的方法取消默认事件
};
};
</script>


获取及更改粘贴板的内容

关键词:clipboardData,getData,setData

翻译: clipboard:剪贴板,clipboardData:剪切板数据,getData:获取数据,setData:设置数据

注意:clipboardData对象只在ie中有效果.在其他浏览器中无反应,且不能在oncopy事件发生后直接获取数据,需要使用计时器间隔事件才能获取到数据.其中获取文本或设置内容在参数中’text’

实例:

<script type='text/javascript'>
onload=function(){
document.getElementById('bd').oncopy=function(){
//设定计时器,以缓冲
setTimeout(function(){
var txt=clipboardData.getData('text')+'本文出自网络';//获取剪切板上文本内容的内容
clipboardData.setData('text',t
4000
xt); //设置剪切板上文本内容
},100);
};
};
</script>


清空剪切板

实例:

clipboardData.clearData('text');//清空剪切板.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: