JavaScript のイベント確認用 Html   

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ドキュメントタイプ Transitionalでのイベントの発生状況と、 <head>タグ中での初期状態。
ブラウザを変えて色々試して見てください。
ie だと onResizeイベントが２回ずつ発生する・・・など癖があって面白い。
ちなみに onResizeのイベントカウント１回目は onLoad のものです。

 参考）  Strict はこちら >>>
閲覧環境
System Value
User agent
OS
Browser Name
Browser version


Java
Cookie

Screen width
Screen height
Color Depth




イベントの発生状況
Mouse Wheel init value
x window.onmousewheel
document.onmousewheel
document.documentElement.onmousewheel
window.addEventListener("DOMMouseScroll", fc, true)
document.addEventListener("DOMMouseScroll", fc, true)
Scroll init value
window.onscroll
document.onscroll
document.documentElement.onscroll
window.addEventListener("scroll", fc, true)
document.addEventListener("scroll", fc, true)
Mouse Move init value
window.onmousemove
document.onmousemove
document.documentElement.onmousemove
window.addEventListener("mousemove", fc, true)
document.addEventListener("mousemove", fc, true)
Resize init value
window.onresize see right

 To top page