墨衍会员
·
AI 创作全网分发
墨衍智能分发
本文由作者通过墨衍一键同步至各平台
1分发平台
1.8k累计阅读
1.9k平均单平台
已同步平台
优快云
微信公众号
微博
知乎
掘金
百家号
博客园
抖音
小红书
你的文章也可以这样分发
墨衍会员 ¥399起/年，写一次发全网
我也要
在同一页面中存在具有多个含有下拉弹窗的组件和iframe,当点击有下拉框组件后，再点击iframe区域，下拉框不收起，点击iframe之外区域会收起
案例链接
点击页面中的下拉框组件，再点击红色iframe区域，下拉框不收起，点击红色以外的区域，下拉框收起。
当点击iframe时document监听不到moseup事件,而element-ui是依靠监听document上的moseup去收起下拉框的。
element-ui中统一用了一个directives叫做clickoutside实现的。
解决方案1：
基本思路是监听 focusout事件，通过document.activeElement获取元素信息，如果是iframe的话，调用下拉框组件的handleClose方法，案例链接，可以点先点击蓝色上的select,完了点击蓝色iframe,发现下拉框收起
实际业务中，好多下拉框可能在一个组件中，可以遍历父级的children,保存handleClose方法，完了在监听事件中统一触发，案例链接 例如绿色区域
Playwright自动化进阶：异步操作与元素定位实战技巧
在现代Web自动化测试与爬虫开发中，异步操作和元素定位是两大核心技术支柱。异步操作的核心原理在于基于条件等待而非固定时间等待，这能有效提升脚本的稳定性和执行效率，避免因网络延迟或动态加载导致的失败。其技术价值在于能够精准处理单页应用（SPA）的导航、动态内容加载以及并行任务中的竞态条件，是构建健壮自动化流程的基础。元素定位则要求精准与鲁棒性的平衡，通过CSS选择器、XPath以及Playwright专属的Locator API等策略，可以应对动态ID、复杂DOM结构乃至Shadow DOM等挑战。这些技术的
日期框、下拉框点击iframe区域无法关闭
vue 嵌套 jsp 的页面中，上面查询条件部分是element 表单，下面（内容）部分是iframe引入的jsp页面；问题：查询表单 日期框、下拉框，获取焦点（弹出内容）后，点击 iframe 嵌套的内容，不会失去焦点。给 iframe 区域 加遮罩层，用变量（mask）控制遮罩层的存在的时机。
focus-outside::package: 一个很棒的 clickOutside 库，它解决了 iframe 无法触发 clickOutside 的问题，并且它支持分组绑定处理。A good clickOutside library, which solves the problem that iframe cannot trigger clickOutside, and it supports grouping binding processing
焦点外 | 这是什么 好的clickOutside库可以解决iframe无法触发clickOutside的问题，并且支持分组绑定处理。 原料药 功能 描述 选项 bind 将外部处理程序绑定到元素 el ， callback ， key ， className ，有关详细信息，请参见下面的Bind Params表 unbind 清除元素绑定功能 el元件节点 绑定参数 范围 类型 描述 必需的 默认 el 元素 要绑定的元素 真的 -- callback 功能 外部事件触发时的处理功能 真的 -- key 字符串/函数 将元素或函数分为一组类型。 单击同一组元素时，将不会触发外部事件，而单击同一组外部的元素将触发外部事件。 错误的 callback函数 className 细绳 绑定到元素的类名 错误的 “聚焦外” 注意 绑定元素后， focus-outside会将元素
layui 弹出层设置Type:2（iframe）下拉内容被遮挡的问题
参见di5条
在Windows 11上用VirtualBox搞定WRF-Hydro 5.2.0：一个水文模型小白的Ubuntu 22.04虚拟机避坑实录
本文详细记录了在Windows 11上使用VirtualBox和Ubuntu 22.04虚拟机成功编译安装WRF-Hydro 5.2.0水文模型的全过程。从虚拟环境配置、依赖库安装到环境变量设置，作者分享了针对Linux新手的实用避坑技巧和关键命令，帮助科研人员高效完成水文模型的环境搭建。
从钕铁硼到电机磁钢：用COMSOL玩转新能源永磁体磁场仿真（含3D模型导入技巧）
本文详细介绍了如何利用COMSOL Multiphysics进行新能源永磁体磁场仿真，从基础的单块钕铁硼磁钢建模到复杂的3D电机磁钢组件分析。重点讲解了3D模型导入技巧、辐射环等特殊结构的充磁定义，以及如何通过仿真结果优化磁路设计、评估气隙磁密和退磁风险，为工程师提供了一套高效、精准的有限元仿真解决方案。
Vue + ElementUI 开发项目，遇到下拉框option 失去焦点时 不关闭的问题
问题描述： 使用Vue + ElementUI 框架开发项目且用了下拉加载更多，遇到了下拉框（el-select）中的option（el-option）失去焦点后，下拉框不隐藏，并在控制台报错**Uncaught TypeError: Cannot read properties of null (reading ‘disabled’) **，截图如下： 控制台报错： 不关闭的下拉选择框： 百度参考了其他文章之后得到的结果是使用了 el-dropdown 下缺少 el-dropdown-menu 元素
Android Geckoview实战：5分钟搞定JS与原生交互（附完整Demo代码）
本文详细介绍了在Android应用中使用GeckoView替代系统WebView，构建稳定高效的JavaScript与原生代码交互桥梁的实战方法。通过WebExtension架构，文章提供了从环境配置、扩展开发到Android端集成的完整步骤，并附有可运行的Demo代码，帮助开发者快速解决混合应用中的兼容性问题。
element的el-select给下拉框添加背景以及鼠标离开背景色不消失问题
1,给下拉框添加背景色 // 下拉框内容背景色 .el-select-dropdown__item.selected,.el-select-dropdown__item:hover,.el-select-dropdown__item.hover{ color: #fff; background: #409EFF; } 效果图: ok,有效果了. 2,解决添加背景鼠标移出去背景不消失问题, 当我鼠标移出下拉框的时候,看效果: 看,鼠标移出下拉框了,hover的背景色并没有消失**(看框里面,我.
第42章：BRepBuilderAPI_MakeEdge（构建边）
是 OpenCascade 中用于构建边（Edge）的类。边是几何建模中的基本元素之一，通常连接两个顶点，并且可以有不同的几何形式，如直线、圆弧、样条曲线等。提供了多种创建边的方法，包括通过给定两个顶点、通过参数化曲线、通过给定起始和结束点的方式等。方法说明示例使用两个顶点创建直线边使用Geom_Curve创建边使用两点的坐标创建边Shape()获取创建的边。
[Dify实战]插件编写- 如何让插件直接输出文件对象（支持 TXT、Excel 等）
本文介绍了在Dify插件中实现文件对象返回的方法。通过create_blob_message()函数，开发者可以输出txt、Excel等格式文件，让用户直接下载而非复制文本。文章详细讲解了二进制文件生成的原理，提供了文本翻译和Excel报表生成的代码示例，并列出常见MIME类型对照表。这种技术能显著提升插件实用性，特别适用于翻译、报表生成等需要文件输出的场景，使交互体验从"复制粘贴"升级为"一键下载"。
element 下拉框中树节点选中之后不收回下拉框
element UI 下拉框选项包含树节点 <sg-select ref="select" size="small" clearable placeholder="请选择" v-model="treeShowArr" @clear="removeChange"
【大模型学习】第二十四章 生成式人工智能（GAI）简介
的AI技术，其核心目标是通过学习数据中的规律，生成与训练数据类似但全新的文本、图像、音频、视频甚至代码。生成式人工智能（GAI）是一类能够。
鼠标点在iframe页面内无法关闭父页面的select下拉框
为什么在子页面点击无法关闭父页面下拉框？ 答： 1. 通常在没有iframe时，当我们做一个下拉框的功能，当鼠标在页面上的其它位置点击一下时，这个下拉框就隐藏掉了，这个功能很容易做，给document绑定onmousedown或onclick即可。 2. 如果页面上有iframe时，鼠标点击在iframe内时，包含iframe的document是不响应任何事件的，所以需要给iframe绑定类似的事件，当iframe指向的是第三方的内容时，还在考虑跨域的问题，因此通过操作iframe的document是行不
2026工控高薪：C#上位机面试15题（含答案）
基础岗（10-15K）：考察串口/Modbus/PLC通信基础；资深岗（20-30K）：考察工业级优化（抗干扰/断线重连）、物联网（MQTT）、跨协议整合；架构岗（30K+）：考察上位机架构设计、边缘计算、项目落地避坑。我整理了2026年近20场高薪岗位（月薪20K+）的面试高频题，筛选出15道核心题，每题标注“考察点+实战答案”——答案拒绝纯理论，全部结合车间现场、PLC通信、物联网落地等真实场景，帮你避开“背答案但不落地”的面试坑。
Tiktok/抖音旋转验证码
主要记录一下旋转验证码的逆向思路
element-ui弹出框popover点击外部不消失的解决办法
element-ui弹出框popover点击外部不消失的解决办法 设置trigger为manual; 用点击方法来控制是否关闭。 <el-popover v-model="isShow" placement="right" width="400" trigger="manual"> 234 <el-button slot="reference" @click.native="onShow">click 激活</el-button> </e
OV9734 DATASHEET，完整规格书
OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等
vue3+element-plus项目中使用iframe嵌入子项目，点击el-menu打开子级菜单，再点击iframe区域，子级菜单不收起（隐藏）
以vue3+element-plus的主项目中的某些页面使用iframe嵌入了angular子项目。点击某些菜单需要打开对应的angular页面。
汉书HE8，好用的汇编代码编写工具
汉书HE8，好用的汇编代码编写工具早期编写汇编代码所用功能强大
ssm框架搭建
这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载
Vue3 自定义指令：ClickOutside（点击当前区域之外的位置）
哈喽，大家好，我是 SuperYing。今天我们聊一个 Vue3 自定义指令 — ClickOutside，顾名思义，就是处理点击当前区域之外的位置的场景。 Vue 指令 首先，我们先来回顾一下 Vue 指令 相关的知识点。 简介 Vue 指令是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是 单个 JavaScript 表达式。指令的职责是当表达式的值改变时，将其产生的连带影响，响应式的作用于 DOM。 注册方式 1.全局注册 通过 Vue 实例对象的 directive
温度PID控制PLC程序
温度PID稳定控制程序，适用于欧姆龙PLC，对其他PLC也具有很大参考价值
下拉框无法收回的解决方法：focus-outside使用方式
在开发过程中遇到过这样一种情况，当select下拉面板展开后，此时如果点击iframe或富文本编辑器的输入框，select的下拉面板没有收回，这是因为在iframe或富文本编辑器的点击没有触发select下拉面板的outside点击事件，所以需要通过focus-outside插件来解决。官方npm网站：https://github.com/txs1992/focus-outside/blob/master/docs/zh-cn.md#readme 安装：npm install focus-outside
iframe 无法触发 clickOutside
记录在项目中遇到的一个问题，点击el-dropdown的外部没有将其正常关闭，请教了其他同事，在他提醒下找到了答案：原来跟iframe有关。在一个嵌入 iframe 的页面中，当我们点击按钮展开 Dropdown 展开后，再去点击 iframe 发现无法触发 Dropdown 的 clickOutside 事件，导致 Dropdown 无法关闭。
iframe中单击关闭父页面中的菜单
最近工作中遇到一个问题，其实做出来了发现不麻烦，但搞了好几填，就记录下来和大家分享下，具体的问题是公司前端使用的是extjs，当系统界面通过导航栏中菜单绑定事件加入的tabpanel里的页面都是iframe方式加入的，然而这里的iframe具体界面是我无法改动的，想要完成的功能就是在这些iframe界面中点击时能关闭掉菜单。具体实现如下： addContentPanel这个方法就是调用
解决antd中Dropdown点击iframe无法关闭的问题
解决antd中Dropdown点击iframe无法关闭的问题
elSelect点击空白处无法收起下拉框（失去焦点并隐藏）
初次使用elSelect这个组件的时候，会碰到无法实现 当下拉菜单处于展开状态时，如不点击到组件上，无法收起下拉菜单的情况。 如下图，点击空白区域，只会触发html的默认事件 这里博主亲测可用的解决办法是：官方的Select组件提供了“blur” 方法，并借助 “v-click-outside”方法实现 在main.js中，进行全局注册自定义指令 Vue.directive(‘click-outside’, { bind: function (el, binding, vnode) { el.cl
获取系统当前时间和特定格式的时间
//java中获取系统当前时间 SimpleDateFormat formatter = new SimpleDateFormat ("yyyy年MM月dd日 HH:mm:ss"); Date curDate = newDate(System.currentTimeMillis());//获取当前时间 String str = formatter.format(curDate); //js中获取系统当前时间 var myDate = new Date(...
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
306
扫一扫
