使用jQuery隐藏本机工具提示

前端之家收集整理的这篇文章主要介绍了使用jQuery隐藏本机工具提示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
用户使用标题属性悬停在锚标签上时,是否有办法隐藏本机的工具提示操作?我不想删除它,只是不要显示这是默认的工具提示操作的讨厌的黄色框。

更新:

阅读几个其他帖子后,我不认为我可以隐藏本机的工具提示操作的标题属性,但我想在这里想一想。我可以使用另一个属性而不是锚标签内的title属性,并且仍然保留有效的页面

删除标题属性值不是一个选项,除非有人可以弄清楚如何将其添加回onclick事件?

下面的工作代码

$('[title]').each( function() {
    var $this = $(this);
    $this.data('title',$this.attr('title'));
    $this.removeAttr('title');
});

$('a').click( function() {
    var $this = $(this);
    var title = $this.data('title');
    ... do your other stuff...
});

解决方法

显然,title属性不属于正常的事件处理程序。无论如何,我的原始答案没有起作用,虽然我会继续玩,看看能否让它上班。如果您需要保留标题属性,但不想弹出效果,如您的注释所示,然后将标题属性存储在元素的数据中,并从中使用它。
$('[title]').each( function() {
    var $this = $(this);
    $this.data('title',$this.attr('title'));
    $this.removeAttr('title');
});

$('a').click( function() {
    var $this = $(this);
    var title = $this.data('title');
    ... do your other stuff...
});

原来的答案:

给每个具有标题的元素特定的悬停在处理程序之上,以防止默认操作。

$('[title]').hover(
   function(e) {
       e.preventDefault();
   },function() { }
);

除了测试之后,似乎不起作用。

猜你在找的jQuery相关文章