javascript - 在鼠标悬停时显示跨度标题

Question

如何在点击跨度元素时显示跨度标题？通常，跨度标题会在鼠标悬停时显示。所以当点击跨度时我想要相同的。如何做到这一点？

<span title="abc">def</span>

Answer 1

您实际上可以使用伪元素来做到这一点。

目前尚不清楚“点击”是指按住鼠标 (:active) 还是正式的“点击”过程。

对于前者，你可以这样做。

span {
    position: relative;
}
span:active:after {
    content:attr(title);
    padding:5px;
    border:1px solid #ccc;
    top:5px;
    right:10%;
    background: #bada55;
}

<span title="abc">def</span>

对于后者，然后添加一个显示伪元素的类将是显而易见的解决方案。

查看此 JSfiddle