スタイルシートの-webkit-touch-calloutプロパティは、スマートフォンでタッチ可能なところを長押しすると表示されるポップアップメニューを制御する。-webkit-touch-calloutはSafariの独自拡張機能である。

目次

-webkit-touch-calloutの構文

Safari

-webkit-touch-callout: value
value

-webkit-touch-calloutには次の値を指定できる。

-webkit-touch-calloutの値
説明
default ポップアップメニューを表示する。(初期値)
none ポップアップメニューを無効にする。

CSSバージョン

W3C非標準

-webkit-touch-calloutの使用例と表示サンプル

表示結果はWebブラウザによって異なることがある。

<p style="-webkit-touch-callout: default;">ポップアップメニューが表示されます。</p>
<p style="-webkit-touch-callout: none;">ポップアップメニューが表示されません。</p>

ポップアップメニューが表示されます。

ポップアップメニューが表示されません。

JavaScriptで-webkit-touch-calloutを設定する

CSSの-webkit-touch-calloutプロパティをJavaScriptから参照又は設定するには、styleオブジェクトのWebkitTouchCalloutプロパティを参照又は設定する。

document.body.style.webkitTouchCallout = 'none';
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送