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






