元素的target值

1、如果只有当前元素,且该元素有事件行为,此时该元素的target指向的值等于currentTarget的值

效果如下:


如果该元素有内嵌子元素,且内嵌子元素使用事件行为但父元素不使用事件行为或者只触发父元素的事件,此时该元素的target指向的值等于currentTarget的值


2、如果子元素和父元素同时有事件行为,且只触发父元素的事件,如下:


3、如果子元素和父元素同时有事件行为,且触发子元素的事件,则所指向的值发生变化,如下:


同时触发了父元素的事件行为,如下


Target的项目使用:

//点击皮肤管理每一个选项,弹出的选项内容
     $ ( '.skin-opt' ). click ( function (e) {
alert ( e .target);
if ( $ ( e .target). is ( 'li' )){
             alert ( $ ( e .target). attr ( 'attr-color' ));  
        }
});
此时的,target指向的是当前元素的元素类型,如果是li,对应的是object htmllielement,如果是div,对应的是objecthtmldivelement,根据得到的值,可以轻易的判断,当前的点击元素是哪类元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值