$event.target有时获取的是当前元素的子元素

2020-04-30 08:58:59


解决办法，使用event.currentTarget

这就是事件冒泡，当一个元来素触发事件后，会逐层上报给父元素、祖父元素……乃至document，也就是说这些元素都会同时触发事件。这种情况下自，event.target就是指最百初触发事件的那个子元素（就比如你题目中的img），而event.currentTarget才是被冒泡后触发事件的当前元素（比如li）。这也就意度味着，当你点问击li时，如果点到的是子元素img，则event.target就是img，而event.currentTarget则是li，而当你点到的是li里面除img之外的其他部分时，event.target和event.currentTarget都是li
所以，答现在你知道该怎么做啦？就是不要使用event.target，改用event.currentTarget

  • 精彩推荐

  • 2020-05-07 13:43:02

    css模拟开关按钮

    之前我们为大家分享过很多款各式各样的CSS3开关切换按钮，很多还是非常富有创意的，比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画，它模拟了电灯的开关，并且在开和关之间切换时按钮的背景会有不同的变化，看起来非常不错。

  • 2020-05-07 18:40:35

    CSS让页面平滑滚动

    凡是需要滚动的地方都加一句scroll-behavior:smooth就好了！

  • 2020-05-12 10:17:07

    createElementNS和createElement区别

    指定与元素相关联的命名空间URI的字符串。创建的元素的namespaceURI属性使用namespaceURI的值进行初始化。 参见有效的命名空间URL。

  • 2020-05-13 09:37:50

    transform-origin(变形原点) 怎么用

    transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用

  • 2020-05-13 09:56:35

    Could not find method google() for arguments [] on repository container.

    1、打开项目根目录下android/gradle/wrapper/gradle-wrapper.properties 将distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip中的2.14.1改成4.1 ———————————————— 版权声明：本文为CSDN博主「peachesTao」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/taoerchun/article/details/93870941

  • 2020-05-13 10:05:23

    inline svg想写介绍以及使用

    inline svg是目前前端图标解决方案的最优解（当然不仅限于图标），而且使用方式也及其简单，只要将svg图标代码当成普通的html元素来使用即可