JavaScript oncopy 事件
当前被选择的内容被复制时会触发 oncopy 事件。
oncopy 实例
下面的例子演示了当选中的文字被复制时，会弹出一个信息提示框：
<html>
<body>
<p oncopy="alert('文字已被复制到剪贴板！')">这是一些文字</p>
</body>
</html>下面是一个改进的例子，当页面上的被容被拷贝时，加入版权信息及原文地址：
<html>
<body>
<script type="text/javascript">
document.body.oncopy = function(){
event.returnValue = false;
var txt_cr = document.selection.createRange().text;
var copy_cr = "本文来自芝麻通, 原文地址：zhimatong.com";
clipboardData.setData('Text',txt_cr+'rn'+copy_cr+'rn');
}
</script>
<p>这是一些文字</p>
</body>
</html>例子语法解释
- 请将对应的 JavaScript 代码放置在 <body></body> 内
- document.selection.createRange().text 用语得到选择范围内的文本内容
- clipboardData.setData 设置剪贴板属性
- 注意：由于本例使用了 clipboardData.setData，因此对 Firefox 无效
本章节内容共分 22 部分：
- JavaScript 事件
- JavaScript onclick 事件：鼠标点击页面某个对象
- JavaScript ondblclick 事件：鼠标双击页面某个对象
- JavaScript onmousedown 事件：鼠标任何一个按键被按下
- JavaScript onmouseup 事件：鼠标任何一个按键被松开
- JavaScript onmouseover 事件与 onmouseout 事件：鼠标指针移动到对象上或离开对象
- JavaScript onkeydown 事件：键盘上某个按键被按下
- JavaScript onkeypress 事件：按下或按住一个键盘按键
- JavaScript onkeyup 事件：键盘按键被松开
- JavaScript onblur 事件：页面元素失去焦点
- JavaScript onfocus 事件：页面元素获得焦点
- JavaScript onchange 事件：表单文本域或选择域发生改变
- JavaScript onsubmit 事件：表单被提交
- JavaScript onreset 事件：表单被重置
- JavaScript onload 事件：页面或图像加载完成后
- JavaScript onunload 事件：关闭页面或页面被改变为其他页面
- JavaScript onerror 事件：加载页面或图像时发生错误
- JavaScript onresize 事件：当浏览器窗口或 HTML 对象改变大小
- JavaScript onscroll 事件：滚动条发生滚动及利用 onscroll 来实现 返回顶部 效果
- JavaScript onselect 事件：文本框中的文本被选中
- JavaScript oncopy 事件：文本被复制及利用 oncopy 实现拷贝内容时增加版权信息
- JavaScript oncut 事件与 onpaste 事件：文本域文本被剪切或粘贴（禁止粘贴实例）
