[B! javascript][addEventListener] eguegu3000のブックマーク

eguegu3000 id:eguegu3000

javascriptとaddEventListenerに関するeguegu3000のブックマーク (2)

[Javascript]各ブラウザでマウスホイールの操作を検知する
各ブラウザでマウスホイール操作を検知する方法が分かりましたので記事にします。検知する方法が各ブラウザで違うようなのでそれぞれのブラウザ用に条件分岐をする必要があります。下記のサンプルコードはIE6、IE7、IE8、Firefox、Chromeで動作確認しました。ホイールが動かされたことを検知するまずはマウスホイールが動かされたらhelloというメッセージを表示するだけの場合です。 Firefoxの場合はaddEventListenerというメソッドを使います。その関数の第一引数に文字列「DOMMouseScroll」を、第二引数にイベントを検知したときに実行する関数を、第三引数にはここではfalseを指定します。第三引数はuseCaptureを有効にするかどうかを指定するのですが、この第三引数についての詳しい説明は下記が参考になります。 JavaScript addEventListe
eguegu3000 2014/01/16
addEventListener

javascript
リンク
JavaScript addEventListener() - とみぞーノート
仕様書を読んでもわかりにくい、addEventListener()の第3引数useCaptureの意味についてのメモ。 addEventListener()はIEでは未実装なので関係なし。以下はFireFoxで確認。 useCaptureの意味通常登録したイベントハンドラ(*1)はイベント伝搬のバブリングフェーズで呼ばれる。このため、DOM Treeの下の方のエレメントからイベントハンドラが順番に呼ばれる。 useCaptureをtrueにしてイベントハンドラを登録すると、キャプチャフェーズでイベントハンドラが呼ばれるようになる。このため、その他のイベントハンドラに先だって呼び出されるようになる。 (*1) 以下のものが含まれる。 DOMエレメントのプロパティに設定したイベントハンドラ(element.onmousedown = handler) HTMLタグに埋め込んだイベントハンド
eguegu3000 2014/01/16
addEventListener

*JavaScript

javascript
リンク
1