1. 程式人生 > 程式設計 >JavaScript oncopy事件用法例項解析

JavaScript oncopy事件用法例項解析

作用:當用戶拷貝添加了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事件用法例項解析

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。