JavaScript oncopy事件用法實例解析
更新時間：2020年05月13日 10:09:48 作者：陳太浪
這篇文章主要介紹了JavaScript oncopy事件用法實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
作用：當(dāng)用戶拷貝添加了oncopy事件的元素時觸發(fā)
使用方式：直接在HTML標簽中添加該事件，通過JavaScript為指定元素添加該事件
提示：如果想要禁止復(fù)制某個元素的內(nèi)容，可以在該事件的函數(shù)中添加return: false;，禁止瀏覽器的默認行為
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>oncopy事件</title>
<script>
window.onload = function () {
let text = document.getElementsByTagName("p");
// 通過JavaScript為指定元素添加該事件
text[0].oncopy = function () {
alert("文本1被復(fù)制了");
};
};
</script>
</head>
<body>
<p>我是文本1</p>
<!--直接在HTML標簽中添加該事件-->
<p oncopy="return false">我是文本2</p>
</body>
</html>
運行效果：當(dāng)文本1被復(fù)制時，彈出”文本1被復(fù)制了“的對話框；復(fù)制文本2無效（禁止復(fù)制文本2）；
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)預(yù)覽圖片功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript web網(wǎng)頁入門級開發(fā)詳解
Web框架正如前文所述, 在整個項目結(jié)構(gòu)中處于一個承上啟下的位置, 是整個項目的核心組件, 所以這次來聊聊Web框架的一些普適性特性和如何快速的入門2021-10-10
這篇文章主要為大家詳細介紹了關(guān)于Bootstrap柵格系統(tǒng)的使用和理解的學(xué)習(xí)記錄，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
easyui給某一個單元格的內(nèi)容增加下劃線的操作方法
在EasyUI的DataGrid組件中,你可以通過自定義單元格的渲染方式來實現(xiàn)給某一個單元格的內(nèi)容增加下劃線的效果,本文給大家介紹easyui如何給某一個單元格的內(nèi)容增加下劃線,感興趣的朋友跟隨小編一起看看吧2024-08-08
JS實現(xiàn)的表格操作類詳解(添加，刪除，排序，上移，下移)
這篇文章主要介紹了JS實現(xiàn)的表格操作類,可實現(xiàn)針對表格的添加,刪除,排序,上移,下移等操作,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了JavaScript 繪制餅圖的示例，幫助大家更好的利用JavaScript繪制圖表，感興趣的朋友可以了解下2021-02-02
這篇文章主要介紹了javascript new的運行機制的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要為大家詳細介紹了bootstrap multiselect下拉列表功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了JS正則表達式封裝與使用操作,涉及javascript使用正則表達式針對郵箱、手機號、身份證、用戶名、中文等簡單驗證操作技巧,需要的朋友可以參考下2019-05-05
javascript之textarea打字機效果提示代碼推薦
非常不錯的提示輸入內(nèi)容，動態(tài)的提示，給人親切感2008-09-09