addEventListener click クリックテスト

by iwbjp

HTML

<div id="s">test</div>

CSS

#s {
  width: 200px;
  padding: 50px;
  border: 1px solid #CCC;
  background: pink;
  text-align: center;
}

JavaScript

var el = document.getElementById("s");

function callbackFunction(){
  el.innerHTML = 'click';
}

function attachEvent(el, event, callbackFunction) {
  if(el.addEventListener) {
    el.addEventListener(event, callbackFunction, false);
  }
  else if(el.attachEvent) {
    el.attachEvent('on' + event, callbackFunction);
  }
};

attachEvent(el, 'click', callbackFunction);