JavaScript Tips(メモ)

Mouse Wheel

Googleの検索結果をホイールスクロールで閲覧可能にするBookMarklet

Internet Explorer Firefox Safari

Firefox用のコードは次のようになっています.

javascript:(
  function(){
    var d = document.getElementsByTagName("DIV")[0];
    d.addEventListener("DOMMouseScroll", ons, false);
    function ons(event) {
      var c = -event.detail;
      ( c > 0 ) ? d.insertBefore( d.removeChild(d.lastChild), d.firstChild )
                : d.appendChild( d.removeChild(d.firstChild) );
      event.preventDefault();
    }
  }
)();
Mouse Wheel Event
EventHandlerの指定
Internet Explorer element.attachEvent("onmousewheel", eventHandler)
Firefox element.addEventListener("DOMMouseScroll", eventHandler, false)
Safari element.onmousewheel = eventHandler
回転量の検知
Internet Explorer event.wheelDelta
Firefox -event.detail
Safari event.wheelDelta
本来のスクロールイベントをキャンセル
Internet Explorer event.returnValue = false
Firefox event.preventDefault()
Safari event.returnValue = false