KoReKuRai
HOMEブログ作成HTML    ☰ MENU

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

blogsite

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; 
}
スポンサーリンク

📄 関連記事


🔝上へ
スポンサーリンク

📑 ありがとう

📑 HTML

📑 アドセンス



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

TRAVEL JAPAN
国内旅行 記事一覧

屋久島雨の日の空気伊豆下田のきれいな海富士山の頂上ってどんなとこ?京都観光マップ京都 紅葉とライトアップ富士山周辺観光マップ北海道の知床の絶景箱根駒ケ岳で見る富士山

TRAVEL ABROAD
海外旅行 記事一覧

インド出張 タクシーで牛と遭遇スペインで風車を見たナイアガラの滝の虹が凄い深夜のNYタイムズスクエア香港の夜景は船からアメリカのレンタカー代でいくら?グランドキャニオンまでドライブシドニーの世界遺産
🔝上へ

CATEGORY
カテゴリ

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

📂:北海道,屋久島

📂:スペイン,インド,台湾.飛行機対策

📂:胃痛,風邪予防,食,メンタル

📂:英語,育て方,旅行

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

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

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

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

PROFILE
プロフィール

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

Copyright 2016-2019 KoReKuRai All Rights Reserved.