feat(1-3-111.html): add window usage pattern

Author: Zhang-RenWen

1-3-111.html

@@ -34,7 +34,7 @@ <h1>
       </aside>
       <article>
         <h2>1-3-111 window 物件</h2>
-        <h3 id=""></h3>
+        <h3>開啟子頁籤</h3>
         <p>
           現在有一個需求是要開啟子頁籤做其他操作，在母頁籤關閉時子頁籤也要跟著全部關閉以防使用者做出非預期地操作，實作方式如下：
         </p>
@@ -87,8 +87,22 @@ <h3 id=""></h3>
 // 關閉主畫面時連帶把由主畫面開啟的子畫面一並關閉
 window.addEventListener("beforeunload", closeAllSubWindows)
         </code></pre>
-
-        <div class="border-block"></div>
+        <h3>複製事件</h3>
+        <p>
+          有時候使用者複製一段內容，貼上時會看到貼上結果多了一些空白。這時候如果需要修改複製內容或者禁止複製可以使用下列方法。
+        </p>
+        <p>
+          客戶端如果是第一次使用當前頁面的複製功能，現代瀏覽器會先詢問使用者是否要開啟複製事件的權限。如果網站使用者不同意則以下範例會失效。
+        </p>
+        <pre><code class="language-js">
+window.addEventListener('copy',async()=>{
+  let text = '' ;
+  await navigator.clipboard.readText().then(t=>{
+    text = t.trim().replaceAll(/\t/g,'');
+  })
+  navigator.clipboard.writeText(text);
+})
+        </code></pre>
       </article>
     </main>
   </body>