Loading

[CSS] CSSだけで手軽にコピー禁止する方法!

PHPPAK9V9A6869_TP_V

誰かのセリフや歌詞等、コピーを禁止しないといけないWEB記事は意外に多いです!また、コピペできてしまうとすぐにパクられるという悲しいお話もあり・・・今回は、CSSだけで実現できるお手軽コピー禁止の方法を伝授します!

[CSS] CSSだけで手軽にコピー禁止する方法!

user-selectを無効化するだけ!

右クリックコピー禁止はすごく簡単です!下記コードをCSSに追加するだけで実現できちゃいます!

user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

ページ全体であればbodyに、その他であれば対象のパーツ群に対してコードを埋め込みましょう(。・ω・。)

/* ページ全体を右クリックコピー禁止 */
body{
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* #songs を右クリックコピー禁止 */
#songs{
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

以上、たったコレだけで実現できちゃいます〜!必要に応じてWEB記事を守りましょう(。・ω・。)

[tomcat] ドメイン直下へアクセスする際のフォルダパス

脱ノウハウ本!本質を捉えるビジネスマン必須のビジネス書籍7選!

関連記事

  1. [jQuery] フォーム送信時(Submit時)にボタン毎に遷移先URLを変更…

    2018.08.10
  2. [Excel] 効率を大幅に上げる便利な関数使い方一覧

    2017.01.06
  3. [Excel VBA] マクロでエクセルの行の高さを自動調整する方法

    2018.06.13
  4. [jQuery] リアルタイムに入力フォームのバリデーションをチェックするコード…

    2018.08.09
  5. [PHP] date(): It is not safe to rely on …

    2018.08.08
  6. [PHP] igo-phpを用いた形態素解析〜タグクラウド自作に向けて〜

    2016.05.05

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


New Article

  1. ドラクエウォーク イオ 特技こころ
  2. ドラクエウォーク バギ属性とくぎ こころ
  3. ドラクエⅣ BGM
  4. ドラクエウォーク 賢者 やまびこ
  5. ドラクエウォーク バトルマスタ 怒り
PAGE TOP