Локализация распространения событий

red red Параграф red red 1

red red Параграф red red 2

red red Элемент списка red red 1
red red Элемент списка red red 2

Раскрасить <b> или <li> или <p> или отменить раскраску

<p>
  <!-- 
  Устанавливаем 2 z-обработчика 
  По событию "makeTextRed" установим элементу класс "red"
  а по "clear" - удалим его
  -->
  <e on="makeTextRed" do="addClass">red</e>
  <e on="clear" do="removeClass">red</e>
  Параграф
  <b>
    <!-- Z-обработчики для всех тегов будут одинаковыми -->
    <e on="makeTextRed" do="addClass">red</e>
    <e on="clear" do="removeClass">red</e>
    1
  </b>
</p>
<p>
  <e on="makeTextRed" do="addClass">red</e>
  <e on="clear" do="removeClass">red</e>
  Параграф
  <b>
    <e on="makeTextRed" do="addClass">red</e>
    <e on="clear" do="removeClass">red</e>
    2
  </b>
</p>
<ul>
  <li>
    <e on="makeTextRed" do="addClass">red</e>
    <e on="clear" do="removeClass">red</e>
    Элемент списка
    <b>
      <e on="makeTextRed" do="addClass">red</e>
      <e on="clear" do="removeClass">red</e>
      1
    </b>
  </li>
  <li>
    <e on="makeTextRed" do="addClass">red</e>
    <e on="clear" do="removeClass">red</e>
    Элемент списка
    <b>
      <e on="makeTextRed" do="addClass">red</e>
      <e on="clear" do="removeClass">red</e>
      2
    </b>
  </li>
</ul>
<p>
  Раскрасить
  <a href="#">
    <handler on="click">
      <!-- 
      Запускаем событие "makeTextRed" 
      начиная от <body>
      и распространяем его только на <b>
      -->
      <dispatch e="makeTextRed" f="body" p="b"></dispatch>
    </handler>
    <b>
  </a>
  или
  <a href="#">
    <handler on="click">
      <!-- Распространяем событие только на <li> -->
      <dispatch e="makeTextRed" f="body" p="li"></dispatch>
    </handler>
    <li>
  </a>
  или
  <a href="#">
    <handler on="click">
      <!-- И только на <p> -->
      <dispatch e="makeTextRed" f="body" p="p"></dispatch>
    </handler>
    <p>
  </a>
  или
  <a href="#">
    <handler on="click">
      <!-- 
      Запускаем событие очистки "clear" 
      для всех элементов сразу
      -->
      <dispatch e="clear" f="body"></dispatch>
    </handler>
    отменить раскраску
  </a>
</p>