【覚書】サイドバー折り畳みボタン[+][-]を押した後でフォーカスを外す方法

KOROPPYの本棚 : 折りたたみボタンの色を開閉で変えるという記事で、

「＋」と「－」の色は変更出来たものの、クリックするたびに外側のマスに黒のborderが残ってしまう

というコメントをみかけ、『あぁ、確かに気になる人は気になるかも……』と思って、対処方法を調べてみました。

とりあえず、

document.onclick=function(e){var t=(e)?e.target:event.srcElement;if(t.className=='switch')t.blur();};

のような1行をサイドバー折り畳みスクリプトの最後の方(*1)に追加すれば、出来そうな感じです。

(*1)//-->行の前に挿入します。
　　実際にはscript要素内であれば他のところでも構わないのですが、この位置が解りやすいのではないかと。

折り畳みスクリプトにより表示されるスイッチ([+][-])はbuttonオブジェクトなので、これをクリックするとフォーカスが移って強調表示されて(枠がついて)しまいます。
ですので、上記の記述によりクリックイベントをトラップして、クリックされたオブジェクトのクラス名が"switch"の場合にはフォーカスを外す(blur())処理を行っています。

あまり検証していないため、不具合が発生したらすみません。

ちなみに、KOROPPYの本棚さんでもそうですが、上記のような細工をしなくても、フォーカスが外れる(黒枠がクリックした瞬間しか出ない)サイトも存在します……むしろこちらのほうが不思議だったりします(^^;。

多分、設置されているブログパーツのどれかがフォーカスを(定期的に？)横取りしているのではないか、と推測していますが。
→違いました。折り畳みスクリプト(foldSidebar02c.js)のバージョン違いが原因の模様。