1、如果只有当前元素,且该元素有事件行为,此时该元素的target指向的值等于currentTarget的值
此时的,target指向的是当前元素的元素类型,如果是li,对应的是object htmllielement,如果是div,对应的是objecthtmldivelement,根据得到的值,可以轻易的判断,当前的点击元素是哪类元素
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/f1b6aad7a66893349bf34b84efed7777.png)
如果该元素有内嵌子元素,且内嵌子元素使用事件行为但父元素不使用事件行为或者只触发父元素的事件,此时该元素的target指向的值等于currentTarget的值
2、如果子元素和父元素同时有事件行为,且只触发父元素的事件,如下:
3、如果子元素和父元素同时有事件行为,且触发子元素的事件,则所指向的值发生变化,如下:
同时触发了父元素的事件行为,如下
Target的项目使用:
//点击皮肤管理每一个选项,弹出的选项内容
$
(
'.skin-opt'
).
click
(
function
(e) {
alert
(
e
.target);
if
(
$
(
e
.target).
is
(
'li'
)){
alert
(
$
(
e
.target).
attr
(
'attr-color'
));
}
});