IEでリンクをクリックした時に出る点線を消すjQuery

IEでリンクをクリックした時に出る点線を消すjQuery

はやち

はやち

どうも!こないだの案件のIE対応で、てんやわんやしました。

はやちです ((((((└(:D」 ┌)┘))))))

 

何が起きたかといいますと…

 

( ^o^)<よーしコーディングできたちょーきれー☆

 

( ˘⊖˘)。o(IE大丈夫かな)

 

| IE | ┗(☋` )┓三

 

 

 

( IE ◠‿◠ )☛
『貴様ッ!クリック時、リンクに点線が出る事に気が付いたなッ!』

 

 

 

▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああぁぁぁぁあああ

 

 

というのが起きました。

 

 

( ˘⊖˘)。o(もしかして:css書き忘れかな? a{outline:none;} かけたから大丈夫かな?)

 

| IE | ┗(☋` )┓三

 

 

 

( IE ◠‿◠ )☛
『Firefox、Chromeはやられたが俺はこんなものにやられてたまるかッ!』

 

 

 

▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああぁぁぁぁあああ効かないいいいい

 

 

だめでした(‘、3_ヽ)_

 

 

調べてみたところaタグにonfocus=”this.blur()”を付けると点線が表示されなくなるとのこと…

( ˘⊖˘)。o(そんなんaタグ一つ一つやってたら無駄に時間がかかってしまう…)

そんなときはjquery.linkscubber.js

使い方は簡単!

Javascript

$(document).ready(function(){$("a").bind("focus",function(){if(this.blur)this.blur();});});

こちらのJavascriptを保存して

 

html

<head>

     <script type="text/javascript" src="/js/jquery.js"></script>

     <script type="text/javascript" src="/js/jquery.linkscubber.js"></script>

</head>

head内に読み込ませるだけ!

 

※は現在配布が終了しているためブログを参考させていただきました。使用する際にはコードを保存してください。

 

( ˘⊖˘)。o(これだけで大丈夫なのだろうか)

 

|IE| ┗(☋` )┓三

 

 

 

(IE ´∵ )☛
『ちぇっ』

 

 
└( ^ω^ )」L( ^ω^ )┘うわーい効いてるぅう♪

 

 

 

これで安心して対応ができました。よかった。

IEやっかいですねー _(:3」∠)_

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む