在JavaScript中,可以利用oncopy事件禁止拷貝,該事件在使用者拷貝元素上的內容時觸發,當按下「CTRL C」或在瀏覽器的編輯選單中選擇複製時都會觸發該事件,語法為「object.oncopy=function(){...}」。
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
oncopy 事件在使用者拷貝元素上的內容時觸發。
提示: oncopy 事件在使用者拷貝元素時也會觸發,例如, 拷貝 元素。
提示: 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影片教學、web前端】
#以上是javascript怎麼禁止拷貝的詳細內容。更多資訊請關注PHP中文網其他相關文章!