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

Question

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

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

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

提前致谢

Answer 1

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

这有帮助吗？这是一个简单的mouseover和mouseout事件。

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

根据您的意见

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

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