bind,on,delegateの違い

jquery-event.rst

event listenerの調査

調査方法

10001個のliをappendして、li要素に対してbind,on(bind方式),delegateでイベントを設定する。

それによるListenerの数とメモリの違いを調査する。

Listenerの数

• bindでやると10001になる。
• onでは10001になる
• delegateは1になる

Memory量

• bindは134MBくらいになる
• onは134MBくらい
• delegateは5MBくらい

考察

delegateでやればlistenerの数は劇的に減らせる。

liの中のイベントメソッドが同じであればdelegateでやるべき。