数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学HTML DOM 剪贴板事件
HTML DOM 剪贴板事件用于提供有关剪贴板修改的信息。这些事件可以是剪切、复制和粘贴。剪贴板事件可以用来使您的网站更易于访问，例如向用户提供有关剪贴板如何被修改的信息。
属性
以下是剪贴板事件的属性：
| 属性 | 描述 |
|---|---|
| clipboardData | 返回一个包含受剪贴板操作（剪切、复制或粘贴）影响的数据的对象。 |
事件
以下是属于剪贴板事件的事件类型：
| 事件 | 描述 |
|---|---|
| oncopy | 当用户复制元素内容时，此事件触发。 |
| oncut | 当用户剪切元素内容时，此事件触发。 |
| onpaste | 当用户将某些内容粘贴到元素中时，此事件触发。 |
语法
以下是剪贴板事件的语法：
var clipboardEvent = new ClipboardEvent(type,[options]);
这里，type 可以是 'cut'、'copy' 或 'paste'，第二个参数是可选的。第二个参数包含 clipboardData、dataType 和 data。
示例
让我们来看一个剪贴板事件 oncopy 的示例：
<!DOCTYPE html>
<html>
<body>
<form>
<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">
</label>
</form>
<p id="Sample"></p>
<script>
function CopyText() {
document.getElementById("Sample").innerHTML = "The text has been copied by you!"
}
</script>
</body>
</html>输出
这将产生以下输出：
复制文本框内的文本时：
在上面的示例中：
我们创建了一个 <input> 元素，类型为文本。它有一个名为 TEXTBOX 的标签，并且已经包含一些文本供用户选择。当用户复制文本时，将执行 CopyText() 方法。
<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">
CopyText() 方法使用 document 上的 getElementById() 方法获取 <p> 元素，并在段落内显示“您已复制文本！”。
function CopyText() {
document.getElementById("Sample").innerHTML = "The text has been copied by you!"
}
更新于：2019年8月7日
358 次查看
广告