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

非常に利便性の高い実装ですが、レスポンシブWebデザインでサイト制作をする場合には、PC端末等での閲覧・操作時に予期しない挙動となる場合があります。 "tel:" リンクを【スマートフォン端末以外では無効】にする方法はいくつかありますが、 「カスタムデータ属性の追加」といったHTML側の調整が必要ない 余計なDOMの書き換えが発生しない という条件では以下のシンプルな実装が考えられます。（jQuery使用） var ua = navigator.userAgent.toLowerCase(); var isMobile = /iphone/.test(ua)||/android(.+)?mobile/.test(ua); if (!isMobile) { $('a[href^="tel:"]').on('click', function(e) { e.preventDefault(); }

[real1223]

html, web制作, ユーザビリティ, 便利, 困ったとき

[qinmu]

JavaScript。

[cobu___chan]

“a[href^="tel:"] { cursor: default; }”

[mtblue7010]

スマホ以外の考慮も大事ですね

[laconic]

telリンク