2006年09月12日

クロスブラウジングのためのイベントテスト用 html

cross-browser.comなど、クロスブラウジングのためのライブラリや方法論は、色々な方が非常に有用なものを出されています。

んが。内容を良く分からずに拡張したりすると、とんでもないマヌケな事をしていたりします。コードの意図を読み切れずに、恥ずかしいコード書いてたなんてことは結構ザラ。って私だけかなぁー。

ということで、簡易なイベント確認用のツールです。

■2009/04/25
とりあえずここで紹介しているクロスな開発のためのライブラリ
cross-browser.comxlibrary

いろいろなライブラリのベンチ紹介(興味深い)
prototype.js vs jquery vs mootools vs YUI vs Dojo from WebTecNote
http://tenderfeel.xsrv.jp/javascript/404/
各種ライブラリは利用により結果クロスになります。





■2009/04/25リンク切れを修正
・テスト1
Transitional:eventsTest-t.html
・テスト2
Strict:eventsTest-s.html

ttp://aquanaut.run.buttobi.net/
上URLの
・ イベント取得についてのテスト -traditional- (06/09/12)
・ イベント取得についてのテスト -strict- (06/09/12)
です。


ie のattachには対応してません。
なぜって無駄だから・・・。嘘です。独自の上に貧弱だし、将来的に eventListenerに変わるだろうって安易な想像からです。

この結果をまとめた表もあったんですが・・・紛失した。
ずいぶん前に書いたものなので、はずかしー事してますが、ま、書き直すのも面倒だし、てかちゃんと見直してないので不備あるかもね。

ということで参考までにみてください。
調査内容は以下です。

■ Mouse Wheel
document.onmousewheel
document.documentElement.onmousewheel
window.addEventListener("DOMMouseScroll", Func, Flg)
document.addEventListener("DOMMouseScroll", Func, Flg)

■ Scroll
window.onscroll
document.onscroll
document.documentElement.onscroll
window.addEventListener("scroll", Func, Flg)
document.addEventListener("scroll", Func, Flg)

■ Mouse Move
window.onmousemove
document.onmousemove
document.documentElement.onmousemove
window.addEventListener("mousemove", Func, Flg)
document.addEventListener("mousemove", Func, Flg)

■ Resize
window.onresize
posted by HiFa at 21:38 | Comment(0) | TrackBack(0) | JavaScript雑感 | このブログの読者になる | 更新情報をチェックする
>>> スパムコメントは消してますよん。 お互い無駄な労力は避けましょう。 <<<

この記事へのコメント

コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/23657724
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。