点击其它地方关闭

 document.addEventListener("click", (e) => {
      let el = this.$el; //获取弹窗元素
      if (!el.contains(e.target)) { // 判断点击的元素是不是弹窗部分
          //关闭弹窗
      } 
}, true)

上面那段代码,主要是使用contains来判断
Node.contains()返回的是一个布尔值,来表示传入的节点是否为该节点的后代节点。

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

推荐阅读更多精彩内容

  • 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课...
    前端进阶之旅阅读 14,361评论 13 94
  • 概述 DOM(Document Object Model)文档对象模型,指的是 XML 文档,需要说明的是,HTM...
    bowen_wu阅读 3,008评论 0 0
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,632评论 0 21
  • webAPI API:应用程序编程接口 是预先定义的函数,目的是提供应用程序与开发人员基于某个软件或硬件得以访问一...
    你好好想想_be60阅读 2,849评论 0 1
  • 节点属性 nodeType 节点的类型,属性值为数字,表示不同的节点类型,共 12 种,只读1= 元素节点2= 属...
    amanohina阅读 3,021评论 0 0