dom.event.addEventListener(window, 'load', initDocument);
var posfixframe;
var textbox;
function initDocument() {
  posfixframe = document.getElementById('posfixframe');
  textbox = document.getElementById('textbox');
  /* posfixframeにscrollイベントリスナーをセット */
  dom.event.addEventListener(window, 'scroll', fixPosition);
  /* textboxにselectイベントリスナーをセット */
  dom.event.addEventListener(textbox, 'select', alertSelect);
  /* textboxにchangeイベントリスナーをセット */
  dom.event.addEventListener(textbox, 'change', alertChange);
}

function fixPosition(evt) {
  var offset;
  if(document.documentElement.scrollTop) {
    offset = document.documentElement.scrollTop;
  } else if(document.body.scrollTop) {
    offset = document.body.scrollTop;
  }
  if(offset) {
    posfixframe.style.top = offset.toString() + 'px';
  }
}

function alertSelect(evt) {
  alert('値が選択されました。');
}

function alertChange(evt) {
  alert('値が変更されました。');
}