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.
![画面全体でクリックイベントを監視する - F.Ko-Jiの「一秒後は未来」](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6a9ede9b3951202f320d473fc84a984336f0a0c/height=288;version=1;width=512/https%3A%2F%2Fblog.fkoji.com%2Fwp-content%2Fuploads%2F2017%2F01%2F4844322893.09.MZZZZZZZ.jpg)