补充:pointer-events
pointer-events: none;表示元素不会对mouse/touch相关事件作出响应。
1. 不会触发鼠标相关的事件,以及相关的hover效果
- click
- touchStart
- touchMove
- touchEnd
- mouseMove
- mouseOver
- mouseLeave
- drag相关事件
2. 不影响事件冒泡、捕获,只是影响事件处理阶段
image( 3、穿透效果)
子元素设置css属性pointer-events: none;。点击子元素虽然其不触发点击事件,但是其父元素会触发点击事件。(也就是穿透效果:覆盖层不影响底层元素的点击事件等)
none;。
4. 移动端禁止长按图片的系统弹窗
5. 应用在a标签上可以禁止hover效果,跳转。