pointer-events：none阻止title属性

Question

我有一个锚标签，不应该点击，所以我添加了指针事件none.i在悬停时需要显示锚标签上的title属性。 指针 - 事件：无阻止标题标记显示。有一种方法可以同时显示指针事件：无和标题。

a{
  pointer-events:none;
}

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

Answer 1

不，pointer-events: none非常包含与鼠标相关联的任何eventType。您可以在锚点周围包裹<span>并将title分配给该锚点。它很丑陋但有效。

演示

＆＃13;

＆＃13;

a {
  pointer-events: none;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

根据：https://css-tricks.com/almanac/properties/p/pointer-events/，我认为pointer-event具有非常具体的用途。

如果你想与鼠标光标互动，你可以cursor attribut，在你的情况下：

a:hover{
  cursor:default;
}

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

Answer 3

a{
  pointer-events:none;
}

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