Как остановить атрибут заголовка от временного отображения всплывающей подсказки?

Question

У меня есть всплывающее окно, показывающее правый клик (я знаю, что это нарушает ожидаемую функциональность, но Google Docs делает это, почему бы и нет?) Однако элемент, на котором я показываю мое всплывающее окно, имеет набор атрибутов «title», который появляется над вершина моего div. Я все еще хочу, чтобы всплывающая подсказка работала, но не при появлении всплывающего окна.

Какой лучший способ остановить отображение всплывающей подсказки при открытом / открытом всплывающем окне?

Редактировать: я использую jQuery

Answer 1

С помощью jquery можно связать функцию наведения, чтобы также установить для атрибута title пустое значение onmouseover, а затем сбросить его при наведении мыши.

$("element#id").hover(
 function() {
  $(this).attr("title","");
  $("div#popout").show();
 },
 function() {
  $("div#popout").hide();
  $(this).attr("title",originalTitle);
 }
);

Answer 2

Вот еще один пример того, как это можно сделать, используя data для хранения значений и prop для присвоения значений

$('[title]').on({
    mouseenter : function()
    {
        $(this).data('title', this.title).prop('title', '');
    },
    mouseleave: function()
    {
        $(this).prop('title', $(this).data('title'));
    }
});

Answer 3

Мне было все равно, каково содержание заголовка. Я только что сделал:

$('a').hover(function() {

    $(this).attr('title', '');

});

Что мешало отображению тега заголовка.

Answer 4

Я думаю, установив пустое пространство, и когда всплывающее окно закроется, снова установив правильный текст. Я думаю, что это самый простой способ остановить это.