JavaScript - テキストのコピー操作を検出する
JavaScriptでテキストのコピー操作を検出する方法とコード例を作成しています。
HTMLには、テキストのコピーを検出する対象にクラス名「.text」を指定ています。
<div class="item-container">
<p id="text">このテキストをコピーして下さい。</p>
<p id="output"> ***</p>
</div>
対象の要素にaddEventListener()
でコピーをトリガーにしたイベントを実装しています。
// テキストのコピーをトリガーにしたイベントを作成する
document.querySelector('#text').addEventListener('copy', () => {
output.textContent = 'コピーしました。';
});
![JavaScript - テキストのコピー操作を検出する](/images/javascript/detect-text-copy-operation/image-ja.png)