首頁  >  文章  >  web前端  >  javascript怎麼禁止拷貝

javascript怎麼禁止拷貝

WBOY
WBOY原創
2022-04-11 16:37:312012瀏覽

在JavaScript中,可以利用oncopy事件禁止拷貝,該事件在使用者拷貝元素上的內容時觸發,當按下「CTRL C」或在瀏覽器的編輯選單中選擇複製時都會觸發該事件,語法為「object.oncopy=function(){...}」。

javascript怎麼禁止拷貝

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼禁止拷貝

oncopy 事件在使用者拷貝元素上的內容時觸發。

提示: oncopy 事件在使用者拷貝元素時也會觸發,例如, 拷貝 javascript怎麼禁止拷貝 元素。

提示: oncopy 事件通常用於 type="text" 的 元素。

提示: 有三種方式可以拷貝元素和內容:

  • #按下CTRL C

  • 在你的瀏覽器的Edit(編輯) 選單中選擇"Copy(複製)"

  • 右鍵滑鼠按鈕,在上下文選單中選擇"Copy(複製)" 指令。

語法

HTML 中:

<element oncopy="myScript">

JavaScript 中:

object.oncopy=function(){myScript};

JavaScript 中, 使用addEventListener () 方法:

object.addEventListener("copy", myScript);

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<input type="text" oncopy="myFunction()" value="尝试拷贝文本">
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "你拷贝了文本!"
}
</script>
</body>
</html>

輸出結果:

javascript怎麼禁止拷貝

【相關推薦:javascript影片教學web前端

#

以上是javascript怎麼禁止拷貝的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn