e.target与e.currentTarget

e.target 事件源  

eg： 点击<input type="button" value="确定"/>  那事件源就是button

e.currentTarget  获取最外层

eg: <button class=“doSubmit”><span>确定</span></button>

 

当点击确定两字时事件源也会找到最外层button

$('.doSubmit').click((e) => {

    e.stopPropagation();

    let classStr = $(e.currentTarget).attr('class');

    if(classStr == 'el-button  doSubmit') {

        console.log('事件源找到最外层')

    }

})

而如果currentTarget 换成target 点击确定两个字时 事件源不会找到最外层

但是也会有兼容问题:firefox下的e.target和ie下的e.srcElement是一样的，为了兼容问题可以这样写：

 var target    = ev.target || ev.srcElement; // 获得事件源   来代替IE下的event.srcElement或者Firefox下的event.target.