vue.js中实现在弹框外有鼠标点击事件时隐藏弹框

news/2024/7/7 10:40:46
mounted() {
    // 监听页面的点击事件,如果鼠标在pop弹出框和按钮外点击,那么让弹出框不显示
  document.onclick = () => {
          let e = e || window.event;
          let elem = e.srcElement || e.target;
          while (elem) {
            if (elem.id == "headerSearch" || elem.id == "SearchAddressBookId"||elem.id == "PersonalCenterSettingsID" || elem.id == "PersonalCenterSettingsID"|| elem.id == "headeruser"|| elem.id == "noPeopleStatusStyleID") {
              return;
            }
            elem = elem.parentNode;
          }
          this.PersonalCenterSettings.showPersonalCenterBox = false;
          this.PersonalCenterSettings.showPersonalCenterStatus = false;
          this.SearchAddressBook.showSearchAddressBook = false;

        }
  },

http://www.niftyadmin.cn/n/4204508.html

相关文章

C#中的IDisposable模式用法详解

篇文章主要介绍了C#中的IDisposable模式用法,讲述了垃圾资源回收机制的实现,并对比分析了Dispose()方法、~DisposableClass()析构函数、虚方法Dispose(bool disposing)的原理,需要的朋友可以参考下本文实例讲述了C#中IDisposable模式的用法,针对垃圾资源的回收进行了…

java属于面相_Java面试笔试之面相对象技术(一)

一、基本概念1.1 面相对象的三大特性继承、封装、多态。(1)继承:继承是一种联结类的层次模型,并且允许和鼓励类的重用,它提供了一种明确表述共性的方法。对象的一个新类可以从现有的类中派生,这个过程称为类继承。新类继承了原始类…

vue中elementui command绑定变量对象方法

需求&#xff1a;点击下拉框&#xff0c;切换组&#xff0c;选中当前项 <el-dropdown trigger"click" class"child-controllerChild"command"(command) >handleDispatchTabClickBoxCommand(command)"><img class"child-iconAnd…

浮动图片(JS)

代码作用&#xff1a;鼠标上移到图片上时&#xff0c;图片浮动显现&#xff0c;就像是Apple的浮动菜单一样的效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&l…

vue组件和js实现鼠标悬停显示title效果

需求&#xff1a; 显示文本内容过长&#xff0c;显示…鼠标悬浮时&#xff0c;全部显示 使用element组件<el-tooltip offset"-2" class"item" effect"dark" placement"top"> <span class"dispatchSystemAddressBookIt…

java 判断以中文开始_java判断是否是中文字符

public class StringUtil {/*** 判断是否为中文字符* param c* return*/private static boolean isChinese(char c) {// GENERAL_PUNCTUATION 判断中文的“号// CJK_SYMBOLS_AND_PUNCTUATION 判断中文的。号// HALFWIDTH_AND_FULLWIDTH_FORMS 判断中文的&#xff0c;号Characte…

百度-相信中国-电子书-下载

/Files/dayouluo/相信中国.rar

JS之给元素添加类的方法

原生js中添加类的方法 //1.为 <div> 元素添加一个类: document.getElementById("div").classList.add("类名");//2.为 <div> 元素添加多个类: document.getElementById("div").classList.add("类名1","类名2",…