如何使用oncopy事件-創新互聯

這篇文章將為大家詳細講解有關如何使用oncopy事件，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

成都創新互聯是一家專業提供玉樹企業網站建設,專注與網站建設、網站制作、H5建站、小程序制作等業務。10年已為玉樹眾多企業、政府機構等服務。創新互聯專業的建站公司優惠進行中。

oncopy事件在用戶拷貝元素上的內容時觸發，也就是當用戶復制元素中存在的內容時，將觸發oncopy事件。oncopy可以與img、input、p等元素一起使用。

oncopy接受在oncopy調用時運行的單值腳本。（更多oncopy內容可以參考：HTML教程手冊）

有三種方式可以拷貝元素和內容：

按下Ctrl+C

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

右鍵鼠標按鈕，在上下文菜單中選擇 "Copy（復制）" 命令。

oncopy的語法如下：

<element oncopy = "script">

我們來看具體的示例

代碼如下

<!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編程的學習網站</p> 
        <p id="sudo"></p> 
        <script> 
            function Geeks() { 
                document.getElementById("sudo").innerHTML = "Copied Text" 
            } 
        </script> 
    </body> 
</html>

效果如下

如何使用oncopy事件

關于如何使用oncopy事件就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章題目：如何使用oncopy事件-創新互聯
網站地址：http://m.kartarina.com/article18/ccghdp.html

成都網站建設公司_創新互聯，為您提供小程序開發、微信小程序、網站維護、關鍵詞優化、網站改版、服務器托管

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容