当前位置: 首页 > 工具软件 > Touch-Events > 使用案例 >

pointer-events

唐健
2023-12-01

补充:pointer-events

pointer-events: none;表示元素不会对mouse/touch相关事件作出响应。

1. 不会触发鼠标相关的事件,以及相关的hover效果

  1. click
  2. touchStart
  3. touchMove
  4. touchEnd
  5. mouseMove
  6. mouseOver
  7. mouseLeave
  8. drag相关事件
    2. 不影响事件冒泡、捕获,只是影响事件处理阶段
    image
    ( 3、穿透效果)

子元素设置css属性pointer-events: none;。点击子元素虽然其不触发点击事件,但是其父元素会触发点击事件。(也就是穿透效果:覆盖层不影响底层元素的点击事件等)
none;。
4. 移动端禁止长按图片的系统弹窗
5. 应用在a标签上可以禁止hover效果,跳转。

 类似资料: