HTML DOM Clipboard事件用于提供有關剪貼板修改的信息。事件可以是剪切、復制和粘貼。剪貼板事件可用于使您的網站更易于訪問，即向用戶提供有關剪貼板如何被修改的信息。
屬性
以下是Clipboard事件的屬性 ?
| 屬性 | 描述 |
|---|---|
| clipboardData | 返回一個包含剪貼板操作（剪切、復制或粘貼）影響的數據的對象。 |
事件
以下是屬于Clipboard事件的事件類型 ?
| 事件 | 描述 |
|---|---|
| oncopy | 當用戶復制元素的內容時觸發此事件。 |
| Oncut | 當用戶剪切元素的內容時觸發此事件。 |
| onpaste | 當用戶在元素中粘貼一些內容時觸發此事件。 |
語法
以下是clipboard事件的語法 ?
var clipboardEvent = new ClipboardEvent(type,[options]);
登錄后復制
這里，type可以是‘剪切’、‘復制’或‘粘貼’，第二個參數是可選的。第二個參數包含 ClipboardData、dataType 和 data。
示例
讓我們看一下 Clipboard 事件 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>
登錄后復制
輸出
這將產生以下輸出 −
在復制TEXTBOX內的文本時 −
在上面的示例中 −
我們創建了一個類型為文本的<input>元素。它有一個標簽TEXTBOX分配給它，并且已經包含了一些文本供用戶選擇。用戶復制文本后，將執行CopyText()方法。
<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">
登錄后復制
CopyText() 方法使用 document 上的 getElementById() 方法獲取
元素，并在段落內顯示“您已復制了該文本！”。
function CopyText() {
document.getElementById("Sample").innerHTML = "The text has been copied by you!"
}
登錄后復制
以上就是HTML DOM Clipboard事件的詳細內容，更多請關注www.92cms.cn其它相關文章！
