jQuery – 電話番号のリンクをスマホで有効、PCで無効にする。


 

jQuery – 電話番号にリンクをスマホで有効、PCで無効にする。

 

tel-リンク-PCで無効にする

 

 

レスポンシブサイト制作で電話番号を<a href=”tel:000-000-0000″>で 掲載するとき、スマホからのアクセス時はタップで電話が出来るので良いのだが、PCでクリックしてしまうとプロトコル云々・外部プロトコル云々となどと表示されて困る。

 

スマホからアクセス時はタップで電話が出来て、PCではリンクを無効にしてくれる、そんな便利なものはないかと探してみたらありましたのでメモメモ。

jQuery 読み込んで script 記述するだけで CSS とかいらない。

テレリン対策はこれでok。

デモサイト

HTML

SCRIPT

 

参考にさせて頂きましたサイトはこちら。

KoToRi Blogさん(http://kotori-blog.com/js/tel_delete/

 


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL