■

• 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要素のオブジェクトが入っているのです。