html - 悬停时隐藏标题标签

Question

我查看了之前的问题，但没有一个对我真正有用，我已经用谷歌查了一下，我发现的信息似乎很模糊，所以我想我会在这里试试。

是否有人知道/或已经解决了悬停时显示标题标签的问题。我有一系列链接和图像将被分配标题标签，但是，其中一些将显示最好不要在悬停时弹出的信息。

是否有一个全局函数可以用来将其应用于所有类型的标题标签？一个例子如下:

<a href="service.php" title="services for cars" />

如果可能的话，我想禁用悬停时出现的标题“汽车服务”。

再次感谢。

Answer 1

这应该可以很好地禁用单个标题:

<a href="service.php" title="services for cars" onmouseover="this.title='';" />

如果以后需要标题，可以恢复它:

<a href="service.php" title="services for cars" onmouseover="this.setAttribute('org_title', this.title'); this.title='';" onmouseout="this.title = this.getAttribute('org_title');" />

虽然这种方法不是通用的..要将它应用于所有 anchor ，有这样的 JavaScript 代码:

window.onload = function() {
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        var link = links[i];
        link.onmouseover = function() {
            this.setAttribute("org_title", this.title);
            this.title = "";
        };
        link.onmouseout = function() {
            this.title = this.getAttribute("org_title");
        };
    }
};

Live test case .

编辑:要对更多标签(例如 <img>)应用相同的代码，首先将代码的核心移动到函数中:

function DisableToolTip(elements) {
    for (var i = 0; i < elements.length; i++) {
        var element = elements[i];
        element.onmouseover = function() {
            this.setAttribute("org_title", this.title);
            this.title = "";
        };
        element.onmouseout = function() {
            this.title = this.getAttribute("org_title");
        };
    }
}

然后把代码改成:

window.onload = function() {
    var links = document.getElementsByTagName("a");
    DisableToolTip(links);
    var images = document.getElementsByTagName("img");
    DisableToolTip(images);
};