收藏
回答

点击父元素获取子元素的data属性值,target和currenttarget



点击子元素,打印event 如下,target 和 currenttarget 都是空的,我的理解是,事件冒泡,点击子元素触发父亲元素的 click 事件,然后触发方法,得到event对象,target始终是父亲元素,currenttarget是当前点击的元素,子元素,难道我的理解错了吗?在html中不都是这样用的吗?求答案,如果不这样,我改怎么做?难道给每个子元素绑定事件?这样性能是不是太低了???



回答关注问题邀请回答
收藏

4 个回答

  • : - )
    : - )
    2022-09-23

    代码这样写没毛病,之所以target中获取不到对应元素上的dataset,是因为当前的target对象指向的是text标签,也就是说手指点到的是text标签,而不是class为menu-tab的view标签,text标签上又没有定义data-xxx属性,所以事件对象event中拿到的就是空的,

    你可以试着把data-navigation自定义属性写在text标签上就能解决这个问题

    2022-09-23
    有用
    回复
  • k.
    k.
    2018-01-22

    要么事件绑到子节点,要么把自定义之绑到父节点,你这都不在一个频道...不存在冒泡,你点的就是父元素。

    2018-01-22
    有用
    回复
  • 连胜
    连胜
    2018-01-22

    你说的target 和 currenttarget 都是空的,没理解你要获取什么?

    currentTarget里面一直都会返回id, offsetLeft, offsetTop, dataset字段,你在父节点上也并没有设置id和data~


    你这里给父节点绑定了事件,所以event.currentTarget里面的值都应该是父节点相关的

    2018-01-22
    有用
    回复
  • 大白的粑粑
    大白的粑粑
    2018-01-22

    大神急,求答案!

    2018-01-22
    有用
    回复
登录 后发表内容