当用户将鼠标悬停在具有title属性的锚标记上时,有没有办法隐藏原生工具提示操作?我不想删除它只是不显示令人讨厌的黄色框,这是默认的工具提示操作.
更新:
在阅读了其他几篇帖子之后,我认为我不能隐藏本机工具提示操作的title属性,但我想在这里开箱即用.我可以在锚标记内使用另一个属性而不是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...
});
Run Code Online (Sandbox Code Playgroud) 当用户将鼠标悬停在某些链接和元素上时,我想要禁止Web浏览器的默认工具提示显示.我知道这是可能的,但我不知道如何.有人可以帮忙吗?
这样做的原因是抑制微格式日期时间的工具提示.BBC放弃了对hCalendar的支持,因为机器可读日期的外观对于有认知障碍的人以及一些屏幕阅读器用户来说是一个可访问性问题.http://www.bbc.co.uk/blogs/bbcinternet/2008/07/why_the_bbc_removed_microforma.html
编辑:
我按照与Aron的建议相同的方式掀起了一个jquery插件......
// uFsuppress plugin v1.0 - toggle microformatted dates
(function($){
$.ufsuppress = function() {
$(".dtstart,.dtend,.bday").hover(function(){
$(this).attr("ufdata",$(this).attr("title"));
$(this).removeAttr("title");
},function(){
$(this).attr("title",$(this).attr("ufdata"));
$(this).removeAttr("ufdata");
});
}
})(jQuery);
// Usage
$.ufsuppress();
Run Code Online (Sandbox Code Playgroud) 我曾尝试在这里查看这个问题的许多不同答案,并尝试使用他们的解决方案,但它似乎没有用,例如这个解决方案: 是否有可能隐藏href标题?
我的问题是当用户将鼠标悬停在图片上时,我如何能够隐藏标题属性工具提示?我尝试使用<span title=" ">text</span>
但它只导致标题工具提示显示空格或跨度的标题属性.
这是我的网站.
这是我的代码:
<img src="image.jpg" alt="" title="some title" />
Run Code Online (Sandbox Code Playgroud)
当我将鼠标悬停在图像上时,会显示"某个标题".有可能被隐藏吗?
jquery ×3
javascript ×2
attributes ×1
css ×1
css3 ×1
hide ×1
html ×1
html5 ×1
image ×1
lightbox ×1
microformats ×1
title ×1
tooltip ×1