jsaction/actionflow_test_dom.html

Google's event delegation library

<div id="panel" oi="maps" jstrack="1">
  <div>
    <div id="foo" oi="foo">
      <div id="bar1" oi="bar" jsaction="bar.action" jsinstance="0">
        bar1
      </div>
      <div id="bar2" oi="bar" jsaction="bar.action" jsinstance="1">
        bar2
      </div>
      <div id="bar3" oi="bar" jsaction="bar.action" jsinstance="*2">
        bar3
      </div>
    </div>
  </div>
</div>
<div id="panel1" oi="maps1">
  <div>
    <div id="foo1" oi="foo1" vet="vet1" jsaction="foo.action" jsinstance="0">
      foo1
    </div>
  </div>
</div>
<div id="panel2" jstrack="1">
  <div>
    <div id="foo2" jsaction="foo.action" jsinstance="0">
      foo1
    </div>
  </div>
</div>
<div id="panel3" oi="maps2" jstrack="eventid">
  <div ved="baz1" oi="baz2">
    <div id="baz" oi="baz3" jsaction="baz.action" jsinstance="0">
      baz
    </div>
  </div>
</div>
<div id="panel4" oi="b1" jstrack="eventid1">
  <div ved="ved1" vet="vet2" oi="b2">
    <div id="nested" oi="b3" jstrack="eventid2"
         jsaction="baz.action" jsinstance="0">
      baz
    </div>
  </div>
</div>