8

以前の質問に目を通しましたが、どれも実際にはうまくいきませんでした.Googleをチェックしましたが、見つけた情報はかなり曖昧に思えたので、ここで試してみようと思いました.

タイトルタグがホバー時に表示される問題に気付いている/または取り組んでいる人はいますか? タイトルタグが割り当てられる一連のリンクと画像がありますが、そのうちのいくつかは、ホバー時にポップアップしないほうがよい情報を表示します.

これをあらゆる種類のタイトルタグに適用するために使用できるグローバル関数はありますか? 例は次のとおりです。

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

可能であれば、ホバー時に表示される「車からのサービス」というタイトルを無効にしたいと思います。

再度、感謝します。

4

6 に答える 6

15

「タイトル」タグを使用する理由が Aria 準拠のためである場合は、代わりに aria-label を使用してください。

<a href="service.php" aria-label="services for cars" />
于 2015-04-24T17:19:47.790 に答える
15

これは、単一のタイトルを無効にするためにうまく機能するはずです:

<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');" />

ただし、この方法は一般的ではありません..すべてのアンカーに適用するには、次のような 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");
        };
    }
};

ライブ テスト ケース。

編集: より多くのタグ (例: <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);
};
于 2011-11-10T10:58:07.107 に答える
1

2 つのタイトルを設定してみてください。ブラウザによってツールチップとして選択される空のタイトルと、必要なタイトルです。

    <a href="service.php" title="" title="services for cars" />
于 2016-04-13T12:46:08.480 に答える
0

ブラウザ/html仕様の一般的な部分であるため、無効にすることはできません。しかし、css と javascript を使用してスタイルを設定できることは承知しているため、display:none をどこかで適切に使用できるはずです。

ここを見て

于 2011-11-10T10:59:09.593 に答える