■
- class名に数字開始文字は使えない
- chromeやfirefoxでbuttonクリック後のborderを消す方法
:focus {outline:none;} ::-moz-focus-inner {border:0;} - currentTargetとtargetの違い
http://uhyohyo.net/javascript/3_5.html
実は、currentTargetは、そのイベントリスナが登録されている要素を表します。今回の場合、addEventListenerでdocument.body、つまりbody要素にイベントを登録したから、これがBODYであったのです。
targetは、常に同じではないはずです。これは、p要素の部分をクリックしたらtagNameは"P"、div要素の部分をクリックしたらtagNameは"DIV"だったはずです。これはもう分かりますね。
targetは、実際にイベントが起きた要素を表しているのです。だから、今回、p要素をクリックしたらtargetにはp要素のオブジェクトが、div要素をクリックしたらdiv要素のオブジェクトが入っているのです。