CSS pointer-events 属性

最新推荐文章于 2024-11-10 11:49:10 发布

寒酥吖随记

最新推荐文章于 2024-11-10 11:49:10 发布

阅读量53

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/m0_48426077/article/details/131960477

版权

该文章演示了CSS的pointer-events属性如何控制元素是否对鼠标事件产生反应。当设置为none时，元素将不响应鼠标点击，如<divclass=ex1>中的链接；而设置为auto（默认值）时，元素正常响应，如<divclass=ex2>中的链接所示。

摘要由CSDN通过智能技术生成

设置元素是否对鼠标事件做出反应

div.ex1 {
  pointer-events: none;
}
div.ex2 {
  pointer-events: auto;
}

<h2>pointer-events: none:</h2>
<div class="ex1">访问(不会跳转) <a href="https://www.runoob.com/">菜鸟教程 》</a></div>

<h2>pointer-events: auto (默认):</h2>
<div class="ex2">访问  <a href="https://c.runoob.com/">菜鸟工具 》</a></div>