单击后如何使title属性值可访问？
单击后如何使title属性值可访问？
提问于 2011-10-28 10:27:22
考虑以下HTML标记：
<img src="info.png" title="Password should contain 6-10 characters">在输出中，当用户在图像上悬停时，标题属性的值将显示在弹出中。这是向用户显示信息的好主意。
但是，当用户单击图像时，这些信息就消失了(请注意，用户可能倾向于单击而不是悬停)。
我能做些什么(例如使用jQuery )来保持信息的可见(即使用户单击)，直到鼠标指针在图像上？
我尝试了以下方法，但这并没有解决这个问题：
jQuery('img[src="info.png"]').click(function(event){
event.preventDefault();
});编辑:有没有办法在jQuery中“单击等于悬停”？
回答 2
Stack Overflow用户
发布于 2011-10-28 10:35:49
您必须创建自己的工具提示。
<img src="info.png" alt="">
<span>Password should contain 6-10 characters</span>您不需要JavaScript，纯CSS就足够了：
img[src=info.png] + span {
display: none;
}
img[src=info.png]:hover + span {
display: inline;
}编辑：如果你不想碰你的，你可以用脚本创建工具提示。下面是一个jQuery示例：
var img = $("img[src=info.png]");
$("<span>").text(img.attr("title")).insertAfter(img);
img.attr("title", "");Stack Overflow用户
发布于 2011-10-28 10:33:02
img的titles或a的links的显示依赖于浏览器，而您无法控制它。如果您想拥有自己的行为并确保这种行为是跨浏览器的，则需要：
- 通过删除所有
title和alt属性 - 来消除默认浏览器行为，使用可用的
库中的一个重新实现您自己的工具提示
祝好运
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7928053
复制相关文章
相似问题
腾讯云开发者
