如何使用oncopy事件

發(fā)布時(shí)間：2020-07-14 09:58:12 來(lái)源：億速云閱讀：152 作者：Leah 欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)如何使用oncopy事件，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

oncopy事件在用戶拷貝元素上的內(nèi)容時(shí)觸發(fā)，也就是當(dāng)用戶復(fù)制元素中存在的內(nèi)容時(shí)，將觸發(fā)oncopy事件。oncopy可以與img、input、p等元素一起使用。

oncopy接受在oncopy調(diào)用時(shí)運(yùn)行的單值腳本。（更多oncopy內(nèi)容可以參考：HTML教程手冊(cè)）

有三種方式可以拷貝元素和內(nèi)容：

按下Ctrl+C

在你的瀏覽器的 Edit(編輯) 菜單中選擇 "Copy（復(fù)制）"

右鍵鼠標(biāo)按鈕，在上下文菜單中選擇 "Copy（復(fù)制）" 命令。

oncopy的語(yǔ)法如下：

<element oncopy = "script">

我們來(lái)看具體的示例

代碼如下

<!DOCTYPE html> 
<html> 
    <head> 
        <title>oncopy attribute</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h2 { 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <h3>oncopy事件</h3> 
        <p oncopy="Geeks()">億速云: php編程的學(xué)習(xí)網(wǎng)站</p> 
        <p id="sudo"></p> 
        <script> 
            function Geeks() { 
                document.getElementById("sudo").innerHTML = "Copied Text" 
            } 
        </script> 
    </body> 
</html>

效果如下

如何使用oncopy事件

關(guān)于如何使用oncopy事件就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

如何使用oncopy事件

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽