剪切、復(fù)制、粘貼事件

• oncopy 事件在用戶拷貝元素上的內(nèi)容時(shí)觸發(fā)。
• onbeforecut 事件在用戶剪切文本，且文本還未刪除時(shí)觸發(fā)觸發(fā)。
• oncut 事件在用戶剪切元素的內(nèi)容時(shí)觸發(fā)。
• onbeforepaste 事件在用戶向元素中粘貼文本之前觸發(fā)。
• onpaste 事件在用戶向元素中粘貼文本時(shí)觸發(fā)。

clipboardData 對(duì)象

粘貼事件的 event 提供了一個(gè) clipboardData 屬性，該屬性包含了剪切板數(shù)據(jù)，可以設(shè)置和讀取剪切板內(nèi)容。

?

能觸發(fā) paste 事件的元素

綁定 paste 事件的元素要聚焦后才能觸發(fā)粘貼方法。

但不是所有元素聚焦后都能觸發(fā)粘貼事件，input、textarea、contenteditable=“true” 這3種元素聚焦后粘貼就能觸發(fā)粘貼事件，其他元素要點(diǎn)擊一下元素才能觸發(fā)，點(diǎn)擊也就是聚焦行為。

如果一個(gè) div 上綁定的粘貼事件想要被觸發(fā)，首先要讓其聚焦。但是 div 不是表單元素，不能直接通過(guò) focus() 來(lái)使其聚焦，需要在div元素上增加 contenteditable=“true” 先使其變成可編輯元素（該類元素可以使用focus來(lái)聚焦），然后給div綁定onmouseenter和onmouseleave方法，鼠標(biāo)移入時(shí)使其聚焦，移出時(shí)失焦，這樣就能在鼠標(biāo)移入div區(qū)域時(shí)粘貼觸發(fā)onpaste事件。

聚焦后div元素會(huì)出現(xiàn)光標(biāo)

可以設(shè)置 div 元素的 opacity 為 0，或者給 div 加上如下樣式即可：

{outline: none; ? ?color:transparent;?text-shadow:0 0 0 #000;
}