您当前的位置: 首页 > 

杨林伟

暂无认证

  • 1浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

设置控件不能点击(pointer-events)

杨林伟 发布时间:2019-04-25 10:05:01 ,浏览量:1

使用方法
  1. 定义CSS方法:.disabled { pointer-events: none; }
  2. js使用: $("#selectorId").addClass("disabled");
pointer - events 解析

概念性的解析: CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时,SVG 内容表现如同 visiblePainted。除了指定元素不成为鼠标事件的目标,none 值还指示鼠标事件穿过该元素,并指向位于元素下面的元素。

实际场景: 如下面的图片,文字上面包了一层黄色图层的div,如果我们想选中里面的文字,选不中,因为被黄色的图层拦截了事件了,如果黄色图层加一个事件pointer-events: none;,里面的文字就能选择了。 在这里插入图片描述

关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.1926s