weixin_44357108
昵称只是昵称
采纳率75%
2019-08-06 10:20 阅读 4.4k

怎么在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件???

出了一个奇葩需求,需要在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件,这怎么搞???监听鼠标点击事件?好像不行吧。有点伤脑壳。有没有大佬做过类似的功能的,给一点思路。谢谢谢谢

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • WULIhuihui WULIhuihui 2019-08-06 10:44

    如果是单纯的点击事件的话可以在主文件里写个方法监听button,不过按钮过多的话直接监听按钮的点击事件很废性能,最好写个事件委托

    点赞 评论 复制链接分享
  • ligang2585116 奋飛 2019-08-11 22:51

    事件阶段主要有三部分:捕获、目标、冒泡
    图片说明

    对于冒泡阶段,一些业务组件有可能会禁止(如,elementUI中,部分组件就会就是阻止点击冒泡的),
    所以,这里的思路是:在捕获阶段进配合事件代理行拦截(document)
    关于「事件」高程中有专门的章节讲述,可自行查阅。也可查看这篇文章 -- 《JavaScript高级程序设计(第3版)》第13章关于“事件”

    点赞 评论 复制链接分享
  • qq_33477377 爱前端不爱恋爱 2019-08-23 16:58

    直接事件委托body 下面所有的button 就可以了啊

    点赞 评论 复制链接分享

相关推荐