画面全体でクリックイベントを監視する - F.Ko-Jiの「一秒後は未来」

JavaScriptアプリケーションを作るときに最近よく使うテクニックが、「個々のHTML要素ごとにクリックイベントを監視せずに、html要素(もしくはbody要素)のみでクリックイベントを監視する」という方法です。これは「まるごとPerl!」の「livedoor Readerのしくみ」で紹介されていたものです。 Amazon.co.jp： まるごとPerl! Vol.1: 本: 小飼 弾,宮川 達彦,伊藤 直也,川合 孝典,水野 貴明 例えば「飲食店検索 – この辺で」では次のようにクリックイベントを監視しています。 window.onload = function() { document.getElementsByTagName("html")[0].onclick = HOTPEPPER.clickObserver; HOTPEPPER.onload(); } HOTPEPPER.

[nilab]

_[F] 画面全体でクリックイベントを監視する - F.Ko-Jiの「一秒後は未来」 : htmlタグにonclickを設定 : イベントが発生した要素(どのエレメントがクリックされたか)を取得し、idやclassでパターンマッチングして処理を振り分け

[dbfireball]

イベント取得方法。