zepto on绑定事件遇到的坑

最近项目中有个卡片点击的需求,卡片有点击事件,卡片上的子元素也绑定点击事件,为了避免点击子元素冒泡,在子元素点击事件中 添加event.stopPropagation,然而并没达到预期效果,看了下zepto源码,发现了一些猫腻,由于子元素通过父元素代理绑定事件,而zepto触发事件的机制 是将绑定在元素的事件维护在一个队列中,当目标元素是该元素时,就会从队列中依次处理事件

image.png

上图可以看出,元素的绑定事件均维护在zepto代码中,看看zepto做了什么事情

image.png

从源码中,可以看到zepto 并没有对selector做匹配,导致代理元素的绑定事件执行顺序异常

解决方法:

事件绑定到具体元素上,或者使用jQuery的绑定事件

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,049评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,127评论 19 139
  • 在我看来,人最大的敌人不是别的,也不是自己,是心中的自负,我们总是认为自己是最好的是最独一无二的,可是我们却忘了,...
    南悲阅读 253评论 0 1
  • 你的另一半是来分享你的圆满,不是来成就你的圆满
    信时光阅读 249评论 0 0
  • 别离笙箫,待我何去。遥山隐隐,落日凄清。水波粼粼,飞鸟沉鱼。 离人纷泪,猿和哀鸣。杨柳絮絮,倩影迷离。夜雨沥沥,晓...
    简白安阅读 488评论 0 3