資料結構
網路
關係資料庫管理系統 (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 次檢視
廣告