BLOG

  • Facebook
  • Twitter

電話番号のリンクをPC時に動作無効にしたいときのjQueryの書き方

<a href=”tel:”> のリンク設定をPC表示時で無効にするためにはCSSのpointer-eventsを使うのが便利なのですが、なんとこの方法はIE11未満では使えません。

IE10以下に対応したい場合は次のようなjQueryを利用すると良さそうです。

userAgentでスマホ表示でないことを判別して、telリンクの動作を無効にしています。

マウスオーバー時のカーソルは通常のリンクと同じままなので、CSSの cursor: default; を使ってPC表示のときは該当箇所をマウスオーバーしてもカーソルが変化しないようにしてあげると良いでしょう。

参考記事

<a href=”tel:***”>リンクをスマートフォン端末以外では無効にする – Qiita

集客アップや採用拡大、目的達成のために最適なホームページの制作をいたします。

その他のオススメの記事

ホームページ制作のことは何でもお気軽にご相談ください!

092-406-8630

平日10:00〜18:00セールス目的のお電話はご遠慮ください

シンス株式会社

Webマーケティングのお役立ち情報を発信しています!