js 捕获事件时，从 event 中得到的 currentTarget 和 target 的差别以及必须注意的 srcElement 标签

JavaScript 开发过程中，对事件的处理会涉及很多类型不同的属性和标签，例如，捕获事件时，从 event 中得到的 currentTarget 和 target 的，他们的差别用一小段代码进行示范：

    dojo.query('#side-menu .s-btn').onclick(function(event)
    {
      // 由同一个事件得到对象
      var currentTarget = event.currentTarget;
      var target = event.target;

      dojo.query('#side-menu .s-btn').forEach(function(selectTag)
      {
        if (currentTarget == selectTag)
        {
          // 通常只显示这行
          console.log('#side-menu .s-btn', 'currentTarget');
        }
        if (target == selectTag)
        {
          // 很少会显示这行
          console.log('#side-menu .s-btn', 'selectTag');
        }
      });
    });

运行代码，如果捕获层上有多个节点，那么在单击时，得到的 currentTarget 是设定的捕获层节点，而 target 则是实际被单击的节点，实际被单击的节点通常是位于currentTarget 之内的子节点或是其本身，这就是它们的差别。

在 Google 浏览器内，同时拥有 srcElement 和 target 这两个标签，这两个标签本质相同，但在 FireFox 浏览器里面却没有 srcElement 标签，如果你的 JavaScript 使用了 srcElement 标签，将导致不兼容 FireFox 浏览器，这点务必注意。

Q群讨论：236201801