Material Box

Material Box

WEBデザイン & フリー素材

JavaScript - テキストのコピー操作を検出する

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 - テキストのコピー操作を検出する

TitleJavaScript - テキストのコピー操作を検出する

CategoryJavaScript

Created

Update

AuthorYousuke.U