ホームページ > 記事 > ウェブフロントエンド > Javascriptでテキストのコピーを防ぐ方法
HTML コンテンツ:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>禁止选中文字和禁止右键菜单</title> </head> <body> </body> </html>
JS コード:
<script> const p=document.querySelector('p'); console.log(p); p.addEventListener("contextmenu",function(e){ e.preventDefault(); }); </script>
上記コードは右クリックで選択できずメニューが表示されますが、ショートカットキー ctrl
## を使用すれば選択可能です。 # c
コピーして、次のように変更できます:
<script> const p=document.querySelector('p'); console.log(p); p.addEventListener("contextmenu",function(e){ e.preventDefault(); }); p.addEventListener("selectstart",function(e){ e.preventDefault(); }); </script>推奨: 「
2021 js インタビューの質問と回答 (大規模な概要)」
以上がJavascriptでテキストのコピーを防ぐ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。