How to disable tooltip in the browser with jQuery?

Question

Is there a way to disable browser tooltip from displaying when hovering over elements that have attribute \'title\' populated? Note that I don\'t want to remove title conten

Answer 1

function hideTips(event) {  
    var saveAlt = $(this).attr('alt');
    var saveTitle = $(this).attr('title');
    if (event.type == 'mouseenter') {
        $(this).attr('title','');
        $(this).attr('alt','');
    } else {
        if (event.type == 'mouseleave'){
            $(this).attr('alt',saveAlt);
            $(this).attr('title',saveTitle);
        }
   }
}

$(document).ready(function(){
 $("a").live("hover", hideTips);
});

Hi all. I am using this solution and it works fine in all browsers.