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();
}
}
)();
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 |