Como impedir que o atributo title exiba a dica de ferramenta temporariamente? - javascript, jquery, html

Eu tenho uma div pop-up exibida no botão direito (eusabe que isso quebra a funcionalidade esperada, mas o Google Docs o faz, por que não?) No entanto, o elemento em que estou mostrando meu pop-up possui um conjunto de atributos "title" que aparece na parte superior da minha div. Ainda quero que a dica funcione, mas não quando o pop-up estiver lá.

Qual é a melhor maneira de interromper a exibição da dica de ferramenta enquanto o pop-up está aberto / aberto?

Edit: eu estou usando jQuery

Respostas:

Com jquery você pode vincular a função de foco instantâneo para também definir o atributo title como em branco ao passar o mouse e redefini-lo ao sair do mouse.

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

Aqui está outro exemplo de como isso pode ser feito usando data para armazenamento de valor e prop para atribuição de valor

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

Eu acho que a configuração para o espaço em branco e quando o pop-up fecha, definindo novamente o texto adequado. Eu acho que essa é a maneira mais fácil de impedir isso.

Para mim, não me importei com o conteúdo da tag title. Acabei de:

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

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

});

O que impediu a exibição da tag title.