您的位置:首頁技術文章
文章詳情頁

JavaScript oncopy事件用法實例解析

瀏覽:4日期:2023-10-27 15:44:48

作用:當用戶拷貝添加了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);

JavaScript oncopy事件用法實例解析

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
国产综合久久一区二区三区