CSS event pass through

CSS 黑科技 / CSS 技巧: css 禁用点击事件, 实现事件冒泡的效果

https://caniuse.com/?search=CSS pointer-events

pointer-events: none;

CSS 阻止点击事件穿透

一个CSS属性,它使事件“通过”应用它的元素,并使事件发生在元素“下面”。


.parent {
pointer-events: none;
}

demo

/* 模拟,事件冒泡, child => parent */ 

// 事件冒泡, child => parent
// 事件捕获, parent => child

refs

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

https://stackoverflow.com/questions/1009753/pass-mouse-events-through-absolutely-positioned-element



xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


最新文章

  1. 【转】C# using的三种使用方法
  2. 一个简单的js实现倒计时函数
  3. codeforces 697B Barnicle
  4. [Practical Git] Remove unnecessary git tracking with .gitignore files
  5. SQL Server 的 6 种隔离级别
  6. ZOJ 2476 Total Amount
  7. 一些常见warning的原因和解决方法
  8. Flash对不同的浏览器的兼容性
  9. 事件机制-Spring 源码系列(4)
  10. 应用服务器GC回收常见问题总结
  11. velocity中加载模板文件的方式
  12. Alibaba Cloud Toolkit for Eclipse & ECS、EDAS 或容器服务 Kubernetes
  13. ubuntu10.04 32 编译android源码的问题
  14. logstash5.5 数据采入elasticsearch5.5(基于x-pack)
  15. Chapter 3 -- Ordering
  16. CentOS7安装OpenStack(Rocky版)-08.启动一个虚拟机实例
  17. C# 简单读写ini文件帮助类 INIHelp
  18. Ubuntu18.04 怎么开热点
  19. Adsafe 导致win10 中窗口错位
  20. ajax异步请求,session失效处理

热门文章

  1. 01. struts2介绍
  2. Redis持久化之RDB和AOF
  3. Linux安装redis报错:jemalloc/jemalloc.h: No such file or directory踩坑
  4. 干货 | 携程Redis治理演进之路(二)
  5. BBR implements bbr-like limiter 限流
  6. Model(metaclass=ModelBase)
  7. 小步前进之WCF简介
  8. 基于GTID恢复误篡改数据
  9. Prometheus监控Kafka
  10. [源码分析] Dynomite 分布式存储引擎 之 DynoJedisClient(1)