javascript - 元素隐藏显示问题

问题描述

问 题

1 一个erp里有多个表单 出库 入库 商品 规格 联系人 之类的 一堆表单
2 点击 出库 入库 商品 这3个表单的时候 会弹出 一个悬浮层展示详细信息， 悬浮层出来以后 点击除了出库 入库 商品这三个表单和悬浮层本身以外的任何地方都把悬浮层隐藏掉？请问如何做？

解决方案

你这个涉及到js和css
css悬浮层: opacity:0; position: fixed;
js:
弹出悬浮层：点击相应表单的时候，给相应按钮添加事件，改变样式opacity:1;
悬浮层本身阻止冒泡
给window添加事件：改变样式opacity:0;

这篇关于javascript - 元素隐藏显示问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！