javascript - 如何查找任何元素的默认工具提示的事件

Question

我的问题很简单。下面是简单的代码，其中我只有一个带有标题的跨度。我想知道在哪里可以找到显示事件默认工具提示。

<span title="some stubborn tooltip">text</span>

注意:这不是关于 Jquery 或 CSS，我在这里谈论的是纯 JavaScript。

提前致谢

Answer 1

<span title="some stubborn tooltip" id="demo" onmouseover="mouseOver()" onmouseout="mouseOut()">text</span>
<script>
function mouseOver() {
    document.getElementById("demo").style.color = "red";
}

function mouseOut() {
    document.getElementById("demo").style.color = "black";
}
</script>

这有帮助吗？这是一个简单的鼠标悬停和鼠标移出事件。

编辑您可以模仿自定义鼠标悬停和鼠标事件 like this

根据您的评论进行编辑标题作为悬停文本的实现随浏览器一起提供。这取决于您使用的浏览器。有些浏览器会忽略它，有些浏览器只考虑 alt 属性，有些浏览器必须同时使用 alt 和 title 才能使工具提示正常工作。

我们看到的花哨的工具提示基本上是 div 和 span 以及其他相应样式的 html 元素，以满足我们的要求，其中悬停元素放置在使用 z-index、postion 等 css 功能的其他元素。我们通过添加 title 属性获得的工具提示的实现代码已发布使用浏览器。