HOME ＞ブログ作成＞ HTML ☰ MENU

javascript無しでページ内の文字や画像の選択を無効にする方法

🕙2016/02/15

ブログ作成

HTMLページの文字や画像が選択できるとスマホでページスクロールする時に誤って文字列を選択してしまい、ユーザーの意図してない動作をしてしまいます。

また、文字列をコピペして欲しくない場合もこの方法が有効（抜け道はありますが。。。）

スタイルシートに以下の記述をするだけでテキストや画像の選択が出来なくなります。

IE11とFirefox 44でテストしました。以下はbodyタグにスタイルシートを追加した例です。


body {
  -webkit-user-select:none; 
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none; 
}

こんな記事も読まれてます。

TRAVEL JAPAN
国内旅行記事一覧

TRAVEL ABROAD
海外旅行記事一覧

🔝上へ

CATEGORY
カテゴリ

📂外資系企業へ転職・働き方：外資系企業の転職,英語,面接,働き方

📂国内旅行150ヵ所を紹介：北海道,屋久島

京都：嵐山,祇園,大原,紅葉ライトアップ
大阪：ひらパー,アベノハルカス,海洋水族館
奈良：千手観音,桜お花見,小鹿

富士山周辺：山梨,静岡,山中湖,河口湖,朝霧高原
長野・岐阜：穂高岳,乗鞍岳,車山高原,上高地
箱根：箱根ロープウェイ,芦ノ湖海賊船,箱根神社,箱根の展望台
伊豆：伊東,下田,中伊豆
東京・神奈川お台場,高尾山,奥多摩,江ノ島,横浜

📂海外出張10カ国,50ヵ所以上観光：スペイン,インド,台湾.飛行機対策

アメリカ：ニューヨーク,グランドキャニオン,カナダ・ナイアガラの滝
オーストラリア：シドニー観光,ブルーマウンテン
シンガポール：マリーナベイサンズホテル,チャンギ空港

📂健康：胃痛,風邪予防,食,メンタル

📂子育て：英語,育て方,旅行

📂PC関連：エンジニアの苦悩,効率化,Windowsのトラブル対応

ブログ作成：アクセス数,アドセンス,HTML・CSS
ASP.NET C#：サンプルコード等々
SQL：SQL Server, Oracle関連
モバイル：Android,iPhone,ポケモンGO

📂海外ドラマ：海外ドラマ・映画のレビューと感想

📂車関連：海外のレンタカー,試乗レポート,軽自動車,等々

📂物件：新築一戸建て申し込みから購入・引渡しまで色々あったこと

PROFILE
プロフィール

KoReKuRaiです。東京都在住。外資系IT業界でSEやWebService開発,DB設計,面接官,会議通訳,プリセールス等色々とお仕事続けて約15年。現在、5歳児の子育てに奮闘中です。外資系企業での働き方や転職時に役に立った実体験や失敗談、会議通訳に役立った英会話のあれこれ、国内150ヵ所以上の旅行先の紹介、海外出張で行った10カ国のついでで観光した50ヵ所の旅行記や、子育て、サイト作成やコーディングに色々役立つと思うブログを書き足していきます。拙い文章ですがよろしくお願いします。メールはこちらまでお願いします。

javascript無しでページ内の文字や画像の選択を無効にする方法

📄 関連記事

📑 ありがとう

📑 HTML

📑 アドセンス

TRAVEL JAPAN国内旅行 記事一覧

TRAVEL ABROAD海外旅行 記事一覧

CATEGORYカテゴリ

PROFILEプロフィール

TRAVEL JAPAN
国内旅行記事一覧

TRAVEL ABROAD
海外旅行記事一覧

CATEGORY
カテゴリ

PROFILE
プロフィール