KoReKuRai
英語/転職海外/国内旅行健康MENU

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

clock
twitter
facebook
googleplus
line
line
line
English
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; 
}
スポンサーリンク

関連記事


twitter
facebook
googleplus
line
line
line
English
上へ
スポンサーリンク

月間ランキング



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

TRAVEL JAPAN
国内旅行 記事一覧

屋久島の雨の日の空気ががおいしい伊豆下田の海はとてもきれいでした富士山の頂上でご来光スマホで見れる京都の観光マップです京都 紅葉とライトアップスマホで見れる富士山周辺観光マップ北海道の知床の絶景

TRAVEL ABROAD
海外旅行 記事一覧

インドのバンガロールに出張した時、タクシーで牛と併走しましたスペインのラマンチャで見る風車がデカかったアメリカからバスでカナダのナイアガラの滝で虹が見れて感動しました!深夜のNYタイムズスクエア香港の夜景は船からアメリカのレンタカー代でいくら?グランドキャニオンまでドライブ

JOBS
お仕事 記事一覧

外資系企業に転職するエンジニアの苦悩TOEICの点数 重要だよね外資系企業 面接対等
上へ

CATEGORY
カテゴリ

PROFILE
プロフィール

これくらいブログKoReKuRaiです。神奈川県在住。外資系IT業界でお仕事続けて12年。現在、3歳児の子育てに奮闘中です。ビジネス英会話、転職、出張、旅行記や子育て、サイト作成やコーディングに色々役立つと思うブログを書き足していきます。拙い文章ですがよろしくお願いします。メールはこちらまでお願いします。

Copyright 2017 KoReKuRai All Rights Reserved.