css中pointer-events属性有什么用


这篇文章主要为大家展示了“css中pointer-events属性有什么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css中pointer-events属性有什么用”这篇文章吧。
  首先我们来看看pointer-events属性的作用:
  当在HTML元素上使用pointer-events属性时,它可以指定元素是否能响应鼠标(或触摸)事件。它可以用于防止单击、状态(CSS活动、焦点和悬停状态)和光标操作(例如,在链接上显示指针光标)。
  你可以让元素响应指针事件(auto),或者阻止它执行此操作(none)。如果阻止它响应指针事件,则其下面的元素将成为这些事件的目标。如果单击该元素,则其下方的元素将接收该单击(click)事件。同样也适用于悬停和其他光标操作。例如,你可以选择位于元素下方的元素中的文本设置为pointer-events:none(请参考下面的示例)。
  pointer-events属性在不同的场景中非常有用。此属性的一个优点是允许你使用pointer-events:none来创建60fps的滚动。
  我们可以在子元素上使用(覆盖上)禁用元素的指针事件:如果元素的子元素上具有pointer-events:auto(即启用),则即使其父元素没有,它也将能够处理并响应单击(c免费云主机域名lick)事件。
  下面我们来看看pointer-events属性的示例:
  在示例中,覆盖元素是定位在整个页面上的,叠加层设置了pointer-events:none,因此你可以选择文本并单击其下方的锚标记。还要注意当你将鼠标悬停在链接上时光标如何变成指针(手掌形状),因为悬停状态会触发它们。
  HTML代码:
  

覆盖层

相关推荐: springboot中怎么通过main方法调用service或dao

这篇文章主要介绍“springboot中怎么通过main方法调用service或dao”,在日常操作中,相信很多人在springboot中怎么通过main方法调用service或dao问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 09/15 09:55
下一篇 09/15 09:55

相关推荐