paranitips

Never stop learning! がモットーのゆるふわエンジニアブログ

iPhone、AndroidのモバイルWebでの長押しアクションを無効化する

モバイルWebにおいて、セキュリティ上、WebのリンクURLを表示させたくなかったり、
テキストのコピーを防止したい場合があります。
これらの長押しアクションを無効にするにはbodyのcssに以下を追記します。

body {
  -webkit-touch-callout:none; // リンク長押しのポップアップを無効化
  -webkit-user-select:none; // テキスト長押しの選択ボックスを無効化
}

補足

また、一般的なWebサイトの右クリックの無効化は

<body oncontextmenu='return false;'>

コピーの無効化は

<body oncopy='return false;'>

でOKです。
(developerツールを使えば簡単に解除できますが。)

参考