e.target和 e.currentTarget的区别,及获取节点的方式

JavaScript06

e.target和 e.currentTarget的区别,及获取节点的方式,第1张

e.target 指的是你点击的元素

e.currentTarget 指的是你当前绑定点击事件的元素

如上示例结构,把点击事件绑定在父元素,

如果js设置 e.currentTarget , 那么无论你点击div内的任何一个位置,指定的都是绑定了点击事件的 父级 ‘#father’ div

如果js设置 e.target 那么你点击div内的第一个span,则指定的是第一个span,点第二个则指定的是第二个,点父级div内区域内除span外的区域,则指定的是父级div,也就是点谁指向谁

冒泡了。最后点到的是内部元素。

$(document).mousedown(function(event){

var bol = $(event.target).parents().is("这里放弹出框id")

if(!bol){

//这里是弹出框以外的地方

}

})