html - 指针事件 :none prevents title attribute

Question

我有一个不应该被点击的 anchor 标签，所以我没有添加指针事件。我在 anchor 标签上有一个标题属性需要在悬停时显示。 pointer-event:none 阻止显示 title 标签。有没有办法同时显示 pointer-events:none 和 title。

a{
  pointer-events:none;
}

<a href="https://stackoverflow.com/" title="Some Sample Title"> Sample Link </a>

Answer 1

不，pointer-events: none非常包含与鼠标关联的任何事件类型。你可以包装一个 <span>围绕 anchor 并分配 title相反。这很丑陋但有效。

演示

a {
  pointer-events: none;
}

<span title='I am wrapped around this anchor'>
<a href="https://stackoverflow.com/" title="Some Sample Title">Sample Link</a>
</span>