关于e.currentTarget

function addClick() {
   $('.left-bar-inner').on('click','.left-item',function (e) {
       var $target=$(e.currentTarget); //指的是.left-item

       console.log(e.target.className);
       console.log(e.currentTarget.className);

       $target.addClass('active');
       $target.siblings().removeClass('active');


   });
}

运用了事件代理，但是e.currentTarget和e.target指的是谁？

我上网查过：

事件委托是什么呢？最简单来说：在父元素上添加可以处理子元素事件的事件处理函数。利用了事件冒泡，指定一个事件处理函数，来处理同一种类型的多个事件。这里顺便一起说下target和currenttarget的区别，target是触发事件的最具体的元素， currenttarget是绑定事件的元素(在函数中一般等于this)。

那为什么这里的e.currentTarget不是.left-bar-inner?

这里的currentTarget和target为什么有时是一致有时却是不一致的？