JavaScript oncopy事件用法實(shí)例解析
作用:當(dāng)用戶拷貝添加了oncopy事件的元素時(shí)觸發(fā)
使用方式:直接在HTML標(biāo)簽中添加該事件,通過(guò)JavaScript為指定元素添加該事件
提示:如果想要禁止復(fù)制某個(gè)元素的內(nèi)容,可以在該事件的函數(shù)中添加return: false;,禁止瀏覽器的默認(rèn)行為
例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>oncopy事件</title> <script> window.onload = function () { let text = document.getElementsByTagName("p"); // 通過(guò)JavaScript為指定元素添加該事件 text[0].oncopy = function () { alert("文本1被復(fù)制了"); }; }; </script> </head> <body> <p>我是文本1</p> <!--直接在HTML標(biāo)簽中添加該事件--> <p oncopy="return false">我是文本2</p> </body> </html>
運(yùn)行效果:當(dāng)文本1被復(fù)制時(shí),彈出”文本1被復(fù)制了“的對(duì)話框;復(fù)制文本2無(wú)效(禁止復(fù)制文本2);
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript web網(wǎng)頁(yè)入門級(jí)開(kāi)發(fā)詳解
Web框架正如前文所述, 在整個(gè)項(xiàng)目結(jié)構(gòu)中處于一個(gè)承上啟下的位置, 是整個(gè)項(xiàng)目的核心組件, 所以這次來(lái)聊聊Web框架的一些普適性特性和如何快速的入門2021-10-10easyui給某一個(gè)單元格的內(nèi)容增加下劃線的操作方法
在EasyUI的DataGrid組件中,你可以通過(guò)自定義單元格的渲染方式來(lái)實(shí)現(xiàn)給某一個(gè)單元格的內(nèi)容增加下劃線的效果,本文給大家介紹easyui如何給某一個(gè)單元格的內(nèi)容增加下劃線,感興趣的朋友跟隨小編一起看看吧2024-08-08JS實(shí)現(xiàn)的表格操作類詳解(添加,刪除,排序,上移,下移)
這篇文章主要介紹了JS實(shí)現(xiàn)的表格操作類,可實(shí)現(xiàn)針對(duì)表格的添加,刪除,排序,上移,下移等操作,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12詳解javascript new的運(yùn)行機(jī)制
這篇文章主要介紹了javascript new的運(yùn)行機(jī)制的相關(guān)資料,需要的朋友可以參考下2016-01-01javascript之textarea打字機(jī)效果提示代碼推薦
非常不錯(cuò)的提示輸入內(nèi)容,動(dòng)態(tài)的提示,給人親切感2008-09-09