pointer-events

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 210平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄8年

关注

原创最新推荐文章于 2026-06-25 22:45:00 发布 210 阅读 AI 写同款· GEO 优化 ›

k8s中pod使用详解 k8s中Pod使用阅读详情

项目里有个界面是这样的，点击地图上的一个地点，会在地图上方弹出一个透明框，上面有一些描述性的文字，甲方要求在出现这个框的时候，地图仍然可以点击

最后问了chatGPT，给透明框设置了一个css属性，就可以实现了，amazing！

pointer-events: none;

pointer-events属性设置元素是否对鼠标事件做出反应

auto	默认值，设置该属性链接可以正常点击访问。
none	元素不能对鼠标事件做出反应

收录于

当前文章被以下社区和专栏收录：

标签

#前端 #css

JAVA：Spring Boot 集成 Atomikos 实现分布式事务摘要： Atomikos是一款基于JTA标准的分布式事务协调器，通过两阶段提交（2PC）协议实现跨数据库/消息系统的事务一致性，适用于金融等高要求场景。本文以Spring Boot集成Atomikos为例，演示多数据源（订单库、库存库）的分布式事务管理。核心步骤包括：引入Atomikos依赖、配置XA数据源、设置两阶段提交的MyBatis多数据源，并通过Atomikos协调全局事务，确保跨库操作原子性。代码示例涵盖配置类、YAML定义及MySQL XA数据源初始化，为分布式系统提供强一致性解决方案。阅读详情

相关推荐

英飞凌ADS开发环境搭建全流程：从安装到第一个程序烧录

本文详细介绍了英飞凌ADS开发环境搭建的全流程，包括环境准备、ADS安装与配置、MemTools烧录技巧等关键步骤。针对嵌入式开发者，特别提供了从安装到第一个程序烧录的实战指南，涵盖常见问题解决方案和优化建议，帮助开发者快速上手英飞凌AURIX系列微控制器的开发工作。

qsc901234的博客 333

认识 CSS pointer-events 属性

条目状态初始值auto可用值适用所有元素：auto/none，只适用于 SVG：bounding-box/visiblePainted/visibleFill/visibleStroke/visible/painted/fill/stroke/all可继承是的动画类型离散动画（关键帧之间不会有插帧，不会有过渡动画）我们来结合例子说明。是一个可继承属性，按照 CSS 的层叠与继承规则，子元素未设置时将会继承父值。如下例，self 元素设置，child 元素继承到也为none。

老司机的后备箱 1万+

四旋翼滑模控制：从理论到Simulink实现

本文深入探讨了四旋翼滑模控制的理论与Simulink实现，对比了其相较于PID控制在抗干扰和鲁棒性方面的显著优势。文章详细介绍了从精确动力学建模、内外环滑模控制器设计到指令解算的完整流程，并分享了Simulink仿真搭建、参数调试及抗扰性能验证的实战经验，帮助工程师掌握在复杂环境下提升四旋翼稳定性的进阶技能。

weixin_29163581的博客 375

pointer-events属性

改项目的时候遇到了一个问题，给页面加了一个按钮，并且给这个按钮添加了 hover { cursor: pointer;} 属性，但是当鼠标移到这个按钮上的时候发现hover并没有起作用，于是又给这个按钮添加了一个点击事件输出console.log(‘点击到了’)，想看看这个按钮点击有没有效果，结果不出所料，点击事件也没有生效。于是乎我开始网页检查调样式，一直以为是父元素的层级把此按钮给覆盖住了（父元素的背景色是透明的，并且父元素中有z-index=999），就把父元素的z-i...

LIS606的博客 4533

告别GIS软件！用R语言ggplot2+ggmapcn绘制出版级世界地图（附5种投影对比图）

本文提供了一份完整的实践指南，教你如何利用R语言及其强大的ggplot2生态系统，结合ggmapcn包，绘制出出版级的世界地图。文章详细对比了五种经典地图投影（如摩尔维德、罗宾森投影）的代码实现与视觉差异，并讲解了如何添加比例尺、指北针等专业元素，最终导出高清PDF，实现从数据分析到专业可视化的全流程代码化操作，彻底告别传统GIS软件。

p5l2m9n4o6q的博客 407

【eNSP 华为模拟器】单臂路由实战：从原理到配置全解析

本文详细解析了单臂路由技术，通过华为eNSP模拟器从原理到配置进行实战教学。文章阐述了单臂路由如何利用路由器单物理接口创建多个子接口，实现不同VLAN间通信，并提供了完整的操作步骤、配置命令及排错方法，帮助网络工程师掌握这一经典网络技术。

698

pointer-events 属性介绍

解释pointer-events CSS属性设置在什么情况下（如果有的话）一个特定的图形元素可以成为指针事件的目标。

qq_39560663的博客 1307

5分钟搞定单细胞marker基因气泡图：scDotPlot保姆级教程（含Seurat适配）

本文提供了一份详细的scDotPlot R包使用教程，帮助用户在5分钟内完成单细胞marker基因气泡图的绘制。教程涵盖环境准备、Seurat和SingleCellExperiment对象的适配处理、进阶可视化技巧及自动化报告生成，特别适合生物信息学新手和临床研究者快速掌握这一高效的可视化工具。

weixin_29047545的博客 261

深入理解 CSS 属性 pointer-events: none

pointer-events 属性控制一个元素是否能够接收用户的指针事件。指针事件通常指鼠标点击、悬停、拖动，或者触摸事件等。这些事件可以用来触发元素的交互，例如按钮点击、链接跳转、元素拖动等。pointer-events的常见值auto：元素可以正常接收鼠标事件（默认值）。none：元素不会响应任何鼠标事件或触摸事件，所有指针事件都会被忽略。等：这些值更多是 SVG 场景中的特定用法。：这些值适用于 SVG 元素，用来控制元素的填充区域和描边区域是否响应指针事件。

kaisersama__的博客 3405

我用 AI 做了个开源地图工具：从 OpenStreetMap 一键获取全国 AOI/POI 数据

本文介绍了一款免费开源的OSM数据查询与可视化工具，旨在解决Overpass QL语法晦涩、数据获取门槛高的问题。工具支持面数据（AOI）、点数据（POI）及路网三种查询模式，内置30+常用模板实现一键检索。具备高德与OSM双底图切换、坐标自动转换功能，支持GeoJSON、SHP、CSV多格式导出，同时保留自定义查询能力。作为纯HTML单文件应用，可零成本部署至GitHub Pages在线使用。该工具有效降低了地理数据获取难度，是替代商业地图API、高效提取全球开源地理信息的实用利器。

weixin_45812624的博客 585

模糊高清修复真王炸！ComfyUI-SeedVR2-Kontext(画质修复+P图)本地部署教程

SeedVR2_comfyUI 是由字节跳动 Seed 实验室与南洋理工大学 S-Lab 联合开源的，专为 ComfyUI 用户开发的插件版本，官方项目名为。它主打，在图像超分上表现尤其亮眼，被多位实测者称为“目前模糊图像修复最强模型“。SeedVR2 在图像超分任务中表现突出，尤其擅长恢复模糊图像的细节，被称为“模糊高清修复真王炸”。特别的，也适合用于文字密集图像（如截图、扫描文档、老照片字幕）修复。模型通过对抗训练 + 特征匹配损失提升细节真实感，理论上对文字边缘锐化也有帮助。

SJJS_1的博客 2683

解析CSS属性之pointer-events

今天接到一个给页面增加水印的需求。最开始使用绝对定位 position: absolute + z-index + opacity 方式实现了第一版，可以添加水印，但是鼠标事件的目标总是在水印容器元素上，无法复制水印下面的内容，体验非常差。遂在 github 上找到了watermark-dom包，使用简单，顺利完成了需求。如果只是这样使用轮子，能力永远等不到增长，于是阅读了它的源码，除开一些通用化的接口和功能，核心思路和我的相同，但为啥他就可以操作水印下元素内容呢？最后发现其使用了 css 属性 poin

随风丶逆风的博客 4322

基于Vivado MIG IP核的DDR3读写实验(top_rom_ddr/ddr_top)

一、前言关于Vivado MIG IP核详细配置可以参考我之前的文章：基于Vivado MIG IP核的DDR3控制器(DDR3_CONTROL) 关于MIG IP核的用户端的接口时序可以参考这篇文章：XILINX 的 MIG IP（非AXI4）接口时序以及控制二、实验内容本次实验的内容主要是通过MIG IP核向DDR3读写数据，DDR3的接口时序由ddr_top模块提供： ddr_top模块的数据来源是wr_fifo，wr_fifo的数据实际来自top_sd_photo模块(本实验仿真

耐心的小黑的博客 3027

pointer-events的作用

linxner的博客 3915

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载

温度PID控制PLC程序

温度PID稳定控制程序，适用于欧姆龙PLC，对其他PLC也具有很大参考价值

css —pointer-events属性_css pointer-events

它对于构建复杂的交互界面非常有用，特别是在处理层叠元素或图形时，可以精确控制哪些元素响应鼠标事件，哪些元素不响应。例如，某些元素可能是半透明的，我们希望它们的透明部分不干扰用户的操作。在 SVG 元素中尤其有用，可以细化控制鼠标事件响应的区域。上面的例子中，红色的填充部分不会响应任何鼠标事件，而只有黑色边框部分能够响应鼠标事件。被应用于透明背景，确保即使用户点击透明部分，底层的按钮仍然能够响应点击事件。可以用来使一个元素忽略鼠标事件，允许鼠标事件直接传递给其下方的元素。）时，鼠标事件穿透到页面下层的按钮。

2501_92798394的博客 726

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏相关源码待公开

css3 穿透属性 pointer-events

pointer-events 是一个蛮有趣的 CSS3 屬性，雖然主要是針對 SVG ，但其中幾個屬性應用在 div 上也是頗有意思。顧名思義，這是一個針對滑鼠事件的屬性，默认值为：auto，若值為 none，則可以穿透该元素，点击到下方的元素。除了 auto 與 none，其他都是控制 SVG 的屬性，若採用預設值，則 SVG 就是以 visiblePainted 來表現举例，如下代码：</</.yboxbackgroundrgba;margin;z-index;.gbox。

叶新东老师的博客 1190

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

非常有用的pointer-events属性

pointer-events是css3的一个属性，指定在什么情况下元素可以成为鼠标事件的target（包括鼠标的样式）

2002

pointer-events: none；属性。pointer-events: none；看得见摸不着，点击穿透。

pointer-events: none;点击渗透属性

i_am_a_div的博客 1万+

pointer-events:none&pointer-events: auto

当 pointer-events 设置为 none 时,当前元素及其子元素将无法与鼠标或触摸设备产生交互作用。鼠标点击、滑过、甚至移动都不会触发事件。换句话说,pointer-events: none 可以让一个元素无法响应用户输入事件,而保持原有的其他行为(如影响布局)。实现视差滚动效果。通过 pointer-events: none 使滚动层无法响应交互,实现粘性效果。实现遮罩层。pointer-events: none 可以使下层元素无法响应事件,产生遮蔽遮罩的效果。修复点击穿透问题。

weixin_57071684的博客 2383

pointer在html作用,详解pointer-events属性的使用

首先我们来看看pointer-events属性的作用：当在HTML元素上使用pointer-events属性时，它可以指定元素是否能响应鼠标(或触摸)事件。它可以用于防止单击、状态(CSS活动、焦点和悬停状态)和光标操作(例如，在链接上显示指针光标)。你可以让元素响应指针事件(auto)，或者阻止它执行此操作(none)。如果阻止它响应指针事件，则其下面的元素将成为这些事件的目标。如果单击该元素，...

weixin_42354992的博客 2544

解决pointer-events:none无效问题

我们在开发过程中有时候会做一个弹出层或者弹出窗口，这个时候就会有一个遮罩层，而这个遮罩层的作用不只是为了凸显弹出框，还有一个作用就是隔绝遮罩层下的操作。比如：左边半透明的就是遮罩层，右边就是弹出层（因为这是我正式的系统，不好全部截图，大家见谅）在弹出这个弹出层之后，正常情况是不能操作遮罩层遮住的那一部分下面的按钮的，我在网上找了很多解决方法，都是说在遮罩层上加样式：pointer-events:none，但是没用，这个样式无效，后面我想到是不是被这个遮罩层的父级元素影响了，结果证明确实如此。

小灰灰的博客 1992

html dom style pointer-events,CSS 特殊属性介绍之 pointer-events

首先看一下MDN上关于 pointer-events 的介绍：CSS属性pointer-events允许作者控制特定的图形元素在何时成为鼠标事件的target。当未指定该属性时，SVG 内容表现如同visiblePainted。除了指定元素不成为鼠标事件的目标，none值还指示鼠标事件穿过该元素，并指向位于元素下面的元素。官方的中文翻译比较文艺，要多读几遍才能明白什么意思。pointer...

weixin_35756130的博客 490

CSS3中的pointer-events

今天做项目中偶然误把元素加上了pointer-events属性，结果导致后来在js中给该元素加点击事件不能用，检查了半天才发现是这个属性的问题。之前没有好好研究，于是决定仔细研究一下。一、定义及语法根据MDN上的解释如下： CSS属性pointer-events允许作者控制特定的图形元素在何时成为属性事件的target。当未指定该属性时，SVG内容表现如同visibleP...

bangwencai0604的博客 114

【JavaScript】Pointer Events 与移动端交互

Pointer Events 是现代移动端开发的输入事件标准，统一处理鼠标、触摸和触控笔输入。核心事件包括 pointerdown、pointermove、pointerup 等，支持冒泡和设备区分。关键特性包括指针捕获、多点触控识别和压力感应。典型应用场景包括：1）拖拽元素（使用 setPointerCapture），2）双指缩放（通过 pointerId 跟踪触点），3）滑动方向识别（计算移动距离差），4）长按检测（setTimeout 计时）。相比传统 Touch/Mouse 事件，Pointer E

Superman_H的博客 1012

pointer-events对鼠标事件的影响

如果你想禁用某个element的鼠标事件，可以给他设置一个CSS属性pointer-events: none; MDN pointer-events属性的值：大部分只适用于SVG，所以只记一下none就行了。 MDN对`none`的解释元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。提示使用pointer-events来阻止元素成为鼠标.