JavaScript - Argenteum Astrum

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