JavaScript oncopy事件用法例項解析
阿新 • • 發佈:2020-05-14
作用:當用戶拷貝添加了oncopy事件的元素時觸發
使用方式:直接在HTML標籤中新增該事件,通過JavaScript為指定元素新增該事件
提示:如果想要禁止複製某個元素的內容,可以在該事件的函式中新增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被複制了"); }; }; </script> </head> <body> <p>我是文字1</p> <!--直接在HTML標籤中新增該事件--> <p oncopy="return false">我是文字2</p> </body> </html>
執行效果:當文字1被複制時,彈出”文字1被複制了“的對話方塊;複製文字2無效(禁止複製文字2);
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。