Webサービス開発、あるよ
Webサービス開発、あるよ
2012.11.01

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」∠)_

U Y A
K A